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

标签：VUE,getLodop,window,export,Lodop,import,CLodop,CLODOP
来源： https://www.cnblogs.com/lll-freshman/p/15608788.html