Vue外部js引入做为全局变量


我们在vue脚手架会经常定义生成html模板,配置如下:

 

 

 public/index.html模板代码 代码如下:

 

 

 

 

 我们有引用“xingzhengbianma.js”、“3d.js”、“jquery.js”、“wulumuqishi.js”、“wulumuqixiangzhen.js”等五个js,这里引用了代表vue的所有的组件都应该可以访问这些js中变量和方法,但是我们在代码中直接使用js的变量方法,vscode和HBuilder开发工具语法检测时会报语法错误,如何解决这一问题,这个时候需要用eval和new Function了,看一下xingzhengbianma.js的内容:

 

定义了一个xingzhengbianma的变量,那vue页面中调用该对象又不想让其不报错方案如下:

 

 这样就可以完美解决,外部js引入与调用问题。如果我们在vue中要使用jquery的方法,编写const $query=new Function("return $")  调用jquery的方法,$query("#id").val()

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM