报错如上图所示 接下来告知解决方法 ,下方操作均在main.js中
文章来源:https://www.toymoban.com/news/detail-670675.html
解决第一处报错
//引入此项
import {
MessageBox
} from 'element-ui';
//挂载
Vue.prototype.$confirm = MessageBox.confirm
解决第二处报错
//单独引入
import {Message} from "element-ui"
//挂载
Vue.prototype.$message = Message
原因
在单独按需引入element组件时,message组件需要挂载到Vue全局对象上,而不是用
Vue.use(Message)
,这是message组件与其他组件不同的地方。其中与之相同、需要挂载到Vue全局对象上的,还有confirm组件。文章来源地址https://www.toymoban.com/news/detail-670675.html
到了这里,关于解决element-ui按需引入使用message报错的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!