在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ 如果在指定組件中引入外部js?

如果在指定組件中引入外部js?

項(xiàng)目中用到了一個(gè)第三方的客服服務(wù),他們提供的是一個(gè)外部js鏈接,需要在<body></body>中引入
我們只需要在某些頁(yè)面中進(jìn)行該服務(wù)的使用,如果直接在index.html中引入了,那么每個(gè)頁(yè)面就有了客服的圖標(biāo)了
目前我通過(guò)以下方式在需要客服功能的單個(gè).vue文件中引入js

// 先定義這么個(gè)組件
export default {
 components: {
  'remote-js': {
  render(createElement) {
   return createElement('script', { attrs: { type: 'text/javascript', src: this.src }});
  },
  props: {
   src: { type: String, required: true },
  },
 },
 },
}
// 在需要的地方這樣調(diào)用
<remote-js src="https://g.alicdn.com/dingding/dinglogin/0.0.2/ddLogin.js">
</remote-js>

問(wèn)題就在于: 在指定頁(yè)面加載外部js成功后,到其他頁(yè)面(沒有引入remote-js)去,那個(gè)客服圖標(biāo)還是在的。

請(qǐng)問(wèn)有人遇到過(guò)同樣的問(wèn)題嗎?或者可以指點(diǎn)一下大概哪里的問(wèn)題呢?

回答
編輯回答
奧特蛋

現(xiàn)在你只需要在你引入外部js的組件的destroyed生命周期鉤子函數(shù)里面把這個(gè)外部js刪了就好了,這樣只要離開這個(gè)組件了這個(gè)js就沒了

2017年9月10日 03:52