美文网首页
如何解决vue-cli3.0+typeScript+elemen

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

作者: who_are_you_ | 来源:发表于2020-03-05 09:55 被阅读0次

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

    相关文章

      网友评论

          本文标题:如何解决vue-cli3.0+typeScript+elemen

          本文链接:https://www.haomeiwen.com/subject/rnltrhtx.html