vue添加全局Toast和Confirm
var common = {
Toast: function (msg = 'tip', callback, timeout = 2000) {
let LoadingTip = Vue.extend({
template: `<div class="toast-con"><div class="info"><span>${msg}</span></div></div>`
})
// 2、创建实例,挂载到文档以后的地方
let tpl = new LoadingTip().$mount().$el
// 3、把创建的实例添加到body中
document.body.appendChild(tpl);
setTimeout(function() {
document.body.removeChild(tpl);
callback && callback();
},timeout);
},
Confirm: function (title='提示', content, callback) {
let LoadingTip = Vue.extend({
template: `<div class="toast-con"></div>`
})
// 2、创建实例,挂载到文档以后的地方
let tpl = new LoadingTip().$mount().$el
// 3、把创建的实例添加到body中
document.body.appendChild(tpl);
setTimeout(function () {
document.body.removeChild(tpl);
callback && callback();
}, timeout);
},
UrlEncode: function (data = {}) {
var datastr = Qs.stringify(data);
return LZString.compressToBase64(datastr);
},
UrlDecode: function (data = "") {
var datastr = LZString.decompressFromBase64(data);
return datastr==null?null:Qs.params(datastr);
}
}
Vue.prototype.common = common;vue 怎么去使用全局Toast 和Confirm
var app = new Vue({
el: '#app',
data: {
reason: '',
},
created: function () {
var that = this;
},
methods: {
submit: function () {
var that = this;
that.common.Toast('测试完毕',function(){console.log(‘关闭了’);});
that.common.Confirm('提示','确定要删除吗?',function(){console.log(‘关闭了’);});
},
}
});