vue-cli引入外部js文件( showDialog.min.js)

引入外部js文件

ex:showDialog.min.js
1.尝试npm install showDialog
2.安装不了，只能下载下来
3.在main.js引入

import showDialog from './assets/js/showDialog.min'
需要导出showDialog数据，首先要在js文件中输出

image

4.在showDialog.min.js中输出函数本身

image

5.在main.js导入这个js后，console.log(showDialog)，发现需要引用showDialog.showDialog才能调用它的show方法

Vue.prototype.popShow = function(e){
  showDialog.showDialog.show({
    id:e, //需要弹出的id，如果是弹出页面上的div，则该选项为必选
    bgcolor:"#000",//弹出“遮罩”的颜色，格式为"#FF6600"，可选，默认为"#fff"
    opacity:60 //弹出“遮罩”的透明度，格式为｛10-100｝，可选
  })
}

6.main.js声明的全局方法可以在子组件直接调用

image