如何在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