如何在VUE單頁面中使用CLodop/Lodop


首先,在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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM