VUE引入第三方js包及調用方法
1、首先是第三方js包存放的位置 一定要放在 static 目錄下否則引用不到
2、網上查找到的引用第三方包的四種方式 實測部分第三方js包沒法使用,較穩定的方式是在 index.html 中引入js包
<script src="static/xxxxx.js"></script>
3、mounted 是初始化加載的方法 可以理解為jquery 中的頁面加載完的初始化方法 如果第三方包有初始化需要調用的一些函數等 需要寫在mounted 中
4、第三方js包如果有回調函數需要寫實現 也需要寫在 mounted 中讓其初始化出來 否則js包 回調不到 代碼如下
<script> export default { name: 'HelloWorld', data () { return { msg: 'Welcome to Your Vue.js App' } },mounted () { /* eslint-disable */ // 第三方js包 初始化方法 Init("divId"); // 初始化一個變量 var id_tmp =''; // 回調函數 huidiaohanshu = function(id){ console.log(id); if(id_tmp != ''){ console.log(id_tmp); } id_tmp = id; } },methods: { aaa:function (){ // 點擊事件 可以直接調用引入的第三方包中的函數 } } } </script>
總結
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com