美文网首页
nuxt引入element-ui

nuxt引入element-ui

作者: Splendid飞羽 | 来源:发表于2018-11-14 00:45 被阅读11次

    首先在 plugins 目录下创建一个 elementUI.js

    import Vue from 'vue'
    import ElementUI from 'element-ui'
    import 'element-ui/lib/theme-chalk/index.css'
    
    Vue.use(ElementUI)
    

    然后找到 nuxt.config.js 文件,在 module.exports 内加入

    plugins: [ '~/plugins/ elementUI'],
    如果上面的步骤没有引入 import 'element-ui/lib/theme-chalk/index.css'
    那么就可以这样配置
       css: [
         'element-ui/lib/theme-chalk/index.css'
       ],
    这样的效果都是一样的
    

    在bulid内加入

    vendor: ['element-ui']
    

    就可以全局使用element-ui了(可以看下图)


    image.png

    相关文章

      网友评论

          本文标题:nuxt引入element-ui

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