场景:
1.请求失败时,友好提示用户
2.功能没上线,友情提示用户"正在开发中,敬请期待“
3.调试好帮手,及时提示错误
4.总之,复用率高的一些功能。
使用方法:
1.封装信息提示函数
建立一个mixin.js文件
const globalMethods = {
methods: {
tipSuccess(msg) {
this.$message({
type: 'success',
message: msg
})
},
tipWarning(msg) {
this.$message({
type: 'warning',
message: msg
})
},
tipError(msg) {
this.$message({
type: 'warning',
message: msg
})
},
},
}
export {globalMethods}
//有需要自己加方法
2.引入main.js中
Vue.mixin(globalMethods)
3.按需引入页面
this.tipWraning(res.data.msg)
this.tipWarning('正在开发中,敬请期待')
this.tipError('服务器爆炸啦')