项目完成后,进行性能优化,其中一项措施对Element-Ui采用按需引入的方式
但是发现Message模块出现错误
this.$message({
message: '成功',
type: 'success',
});
这是组件的使用
import { Dialog, Select, Progress, Message, Option } from 'element-ui';
Vue.use(Option)
出现的错误是Message模块每次刷新自行调用,点击事件的调用无效
解决方法:
在main.js中:
// 引入elementUI
import { Message } from 'element-ui';
//由于Message组件并没有install 方法供Vue来操作的,是直接返回的,因此按照官方文档单独引入的方法是
//会报错的,需要给 Message 添加 install 方法
Message.install = function (Vue, options) {
Vue.prototype.$message = Message
}
Vue.use(Message )//消息提示
组件中不需要引入,可以直接用了