首先,在LodopFuncs.js(Lodop官方提供的,沒有的請自行去官網下載)的最后一行添加
export {getLodop}
然后,在要使用該插件的vue頁面中import一下,然后在created hook中 加入計時器,不斷嘗試去查看window.CLODOP是否加載完畢,然后調用getLodop()即可,實例代碼如下
1 import {getLodop} from "../public/LodopFuncs"; 2 let LODOP = {} 3 export default { 4 name: 'App', 5 created() { 6 }, 7 mounted() { 8 let a = setInterval(()=>{ 9 if(window.CLODOP){ 10 LODOP = getLodop() 11 clearInterval(a) 12 } 13 },500) 14 } 15 }
另外,如果有ESLint報錯誤的話,在錯誤的行上面寫這個代碼即可
// eslint-disable-next-line no-undef