Element-ui Message 消息提示

Element-ui Message 消息提示

原文链接：https://note.noxussj.top/?source=sifo

常用于主动操作后的反馈提示。

---

按需引入方式

如果是完整引入可跳过此步骤

import Vue from 'vue'
import { Message } from 'element-ui'
import 'element-ui/lib/theme-chalk/base.css'
import 'element-ui/lib/theme-chalk/message.css'

Vue.use(Message)

---

基础使用

    打开消息提示



export default {
    methods: {
        open() {
            this.$message('这是一条消息提示')
        }
    }
}

---

不同状态

用来显示「成功、警告、消息、错误」类的操作反馈。

    成功
    警告
    消息
    错误



export default {
    methods: {
        open1() {
            this.$message({ message: '恭喜你，这是一条成功消息', type: 'success' })
        },
        open2() {
            this.$message({ message: '警告哦，这是一条警告消息', type: 'warning' })
        },
        open3() {
            this.$message('这是一条消息提示')
        },
        open4() {
            this.$message.error('错了哦，这是一条错误消息')
        }
    }
}

---

Options

---

原文链接：https://note.noxussj.top/?source=sifo

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net

相关推荐: 十行代码让日志存储降低80%

数据技术都能四世同堂，凭什么开发 30 岁就要被干掉？ 前言 履约管理是一个面向物流商家的OMS工作台，自从初代目把架子搭起来之后，就没有继续投入了，后来一直是合作伙伴同学在负责日常维护和需求支撑。经过几年的野蛮生长，系统已经杂草丛生，乱象百出。再后来，甚至一…