vue.js this.$message失效
时间: 2023-09-01 15:07:14 浏览: 117
在vue中使用回调函数,this调用无效的解决
如果你在 Vue.js 中使用 `this.$message` 函数时发现无效,可能是因为你没有正确地注册 `Message` 组件。
在使用 `this.$message` 函数之前,你需要在 Vue 实例中注册 `Message` 组件。例如:
```javascript
import Vue from 'vue';
import { Message } from 'element-ui';
Vue.prototype.$message = Message;
```
或者在组件中使用:
```javascript
import { Message } from 'element-ui';
export default {
methods: {
showMessage() {
this.$message({
message: 'Hello world',
type: 'success'
});
}
},
components: {
Message // 注册 Message 组件
}
}
```
如果你使用的是其他 UI 框架,也需要根据它的文档注册相应的组件。
阅读全文