在做项目中需要自定义弹出框。就自己写了一个。
成都创新互联-专业网站定制、快速模板网站建设、高性价比城中网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式城中网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖城中地区。费用合理售后完善，十余年实体公司更值得信赖。
效果图
遇见的问题
怎么加载自定义的js文件
vue-插件这必须要看。然后就是自己写了。
export default{
install(Vue){
var tpl;
// 弹出框
Vue.prototype.showAlter = (title,msg) =>{
var alterTpl = Vue.extend({ // 1、创建构造器，定义好提示信息的模板
template: ''
+ ''
+ ''+ title +''
+ ''+ msg +''
+ '确定'
+ ''
});
tpl = new alterTpl().$mount().$el; // 2、创建实例，挂载到文档以后的地方
document.body.appendChild(tpl);
}
Vue.mixin({
methods: {
hideAlter: function () {
document.body.removeChild(tpl);
}
}
})
}
}使用
import jFAltre from '../../assets/jfAletr.js'; import Vue from 'vue'; Vue.use(jFAltre);
this.showAlter('提示','服务器请求失败');以上这篇vue加载自定义的js文件方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持创新互联。
