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