zoukankan      html  css  js  c++  java
  • 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里面就可以了

  • 相关阅读:
    acm 总结之大数加法
    hdu 1004
    hdu 1887
    hdu 2007
    hdu 2004
    ACM总结之 A+B problem 总结
    nyoj_42_一笔画问题_201403181935
    最短路径--Floyd算法
    最短路径—Dijkstra算法
    nyoj_114_某种序列_201403161700
  • 原文地址:https://www.cnblogs.com/ll15888/p/11872189.html
Copyright © 2011-2022 走看看