项目完成后,进行性能优化,其中一项措施对Element-Ui采用按需引入的方式
但是发现Message模块出现错误
this.$message({
message: '正在开发',
type: 'info',
duration: 1000
});
这是组件的使用
import { Dialog, Select,Progress,Message,Option } from 'element-ui';
Vue.use(Option)
出现的错误是Message模块每次刷新自行调用,点击事件的调用无效
原因就是Message的引入模式是另一种形式
import { Dialog, Select,Progress,Message,Option } from 'element-ui';
Vue.prototype.$message = Message
这里需要指出, 搜索问题的时候,看到这个博客
http://www.xdx97.com/#/single?bid=b9c8c8e2-555d-7f32-f0af-3285f5866d32
这个博主的解决办法是
/*Vue.use(Message)*/ => Vue.component(Message)
Vue.prototype.$message = Message
但实际起作用的还只是下面这句话,个人怀疑Vue.component(Message)可能根本不去解析所以加上也没有错误