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

 

上一篇:macbook m1安装jdk,maven,python


下一篇:vue 组件通信方式