如何解决vue-cli3.0+typeScript+element-ui中无法使用$message问题

构建项目在这里就不说了,网上很多。
1、找到shims-vue.d.ts文件,在代码中加上$Message: any.

import Vue from 'vue';
import VueRouter, {Route} from 'vue-router';
declare module '*.vue' {
  export default Vue
}
// 这里代表的是this下的东西
declare module 'vue/types/vue' {
  interface Vue {
    $router: VueRouter;
    $route: Route;
    $Message: any
  }
}

2、修改main.js文件,跟之前vue的配置一样.

import Vue from 'vue';
import App from './App.vue';
import './registerServiceWorker';
import router from './router';
import store from './store';
// 导入element文件
import Element  from 'element-ui';
// 导入Message组件
import {Message}  from 'element-ui';
// 导入element-ui样式,没有导入看不到效果
import 'element-ui/lib/theme-chalk/index.css'
// 使用Element
Vue.use(Element);
// 在vue原型中添加$message方法
Vue.prototype.$message = Message;
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

网上有很多,关于$message的使用,亲测只有这种有效。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容