element-ui 进入页面 message 自动触发的问题

在按需引入 element-ui 组件的 message 时候，每次进入页面的会自动出现 message 提示，解决方法：通过加载组件的方式引入即可把Vue.use(Message) 改为Vue.prototype.$message=Message 或 Vue.component(Message.name,Message) ;注意：使用单独使用Message和MessageBox的时候,只要imp

杨家八公子

3283人浏览 · 2020-09-01 11:02:33

杨家八公子 · 2020-09-01 11:02:33 发布

在按需引入 element-ui 组件的 message 时候，每次进入页面的会自动出现 message 提示，

解决方法：

通过加载组件的方式引入即可

把 Vue.use(Message)  改为 Vue.prototype.$message = Message 或 Vue.component(Message.name,Message) ;

注意：

使用单独使用Message和MessageBox的时候,只要import { Message } from 'element-ui';就好了，不需要使用Vue.use(Message)

或者用 vue 写的项目，几个组件都要用 Message，直接在 main.js 写 import from 'element-ui' 后在写 Vue.prototype.$message = Message 就好了，不用每个组件都写一次 import from 'element-ui'，

如果是组件单独引用，Message和MessageBox这两个特殊的组件是不需要使用Vue.use的，如果用了Vue.use就会造成的打开页面就弹窗的问题

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}$/, //不连续的两位字母// /^