如何解决vue-cli3.0+typeScript+elemen

2020-03-05  本文已影响0人  who_are_you_

构建项目在这里就不说了,网上很多。
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的使用,亲测只有这种有效。

上一篇下一篇

猜你喜欢

热点阅读