element消息提示封装
官方的
<template> <el-button :plain="true" @click="open2">成功</el-button> <el-button :plain="true" @click="open3">警告</el-button> <el-button :plain="true" @click="open1">消息</el-button> <el-button :plain="true" @click="open4">错误</el-button> </template> <script> export default { methods: { open1() { this.$message('这是一条消息提示'); }, open2() { this.$message({ message: '恭喜你,这是一条成功消息', type: 'success' }); }, open3() { this.$message({ message: '警告哦,这是一条警告消息', type: 'warning' }); }, open4() { this.$message.error('错了哦,这是一条错误消息'); } } } </script>
二次封装
// 操作成功提醒(success) success(command) { let message = { add: '新增成功', upd: '修改成功', del: '删除成功' } this.$message.success(command && message[command] || '操作成功') return true }, // 操作失败提醒(faild) faild(command) { let message = { add: '新增失败', upd: '修改失败', del: '删除失败', } this.$message.error(command && message[command] || '操作失败') return true }
组件里面调用
this.success('add') this.success('del') this.faild('upd')
全局引用的话放在minx里面就可以了