vue 中Message 消息提示

1.在element.js中引入Message 组件import { Button, Form, FormItem, Input, Message } from 'element-ui'2.在Vue原型对象上挂载弹窗组件，每个vue组件都可以通过this访问到Vue.prototype.$message = Message3.在vue文件中的methods中的相关方法中使用this.$messag

不吹走的风

5522人浏览 · 2022-03-25 16:31:42

不吹走的风 · 2022-03-25 16:31:42 发布

1.在element.js中引入Message 组件

import { Button, Form, FormItem, Input, Message } from 'element-ui'

2.在Vue原型对象上挂载弹窗组件，每个vue组件都可以通过this访问到

Vue.prototype.$message = Message

3.在vue文件中的methods中的相关方法中使用

this.$message.error('登录失败');

this.$message.success('登录成功')

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^