引入外部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
网友评论