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