为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

Cats萌萌 2019-02-15 18:19:11
项目中用到了一个第三方的客服服务,他们提供的是一个外部js链接,需要在<body></body>中引入 我们只需要在某些页面中进行该服务的使用,如果直接在index.html中引入了,那么每个页面就有了客服的图标了目前我通过以下方式在需要客服功能的单个.vue文件中引入js// 先定义这么个组件export default { components: {  'remote-js': {  render(createElement) {   return createElement('script', { attrs: { type: 'text/javascript', src: this.src }});  },  props: {   src: { type: String, required: true },  }, }, },}// 在需要的地方这样调用<remote-js src="https://g.alicdn.com/dingding/dinglogin/0.0.2/ddLogin.js"></remote-js>问题就在于: 在指定页面加载外部js成功后,到其他页面(没有引入remote-js)去,那个客服图标还是在的。请问有人遇到过同样的问题吗?或者可以指点一下大概哪里的问题呢?
查看完整描述

1 回答

?
慕婉清6462132

TA贡献1804条经验 获得超2个赞

现在你只需要在你引入外部js的组件的destroyed生命周期钩子函数里面把这个外部js删了就好了,这样只要离开这个组件了这个js就没了


查看完整回答
反对 回复 2019-02-22
  • 1 回答
  • 0 关注
  • 486 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号