nuxt.js 使用 mint-ui element-ui

Posted hai-cheng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了nuxt.js 使用 mint-ui element-ui相关的知识,希望对你有一定的参考价值。

1,首先下载需要使用的插件

/* element-ui */

npm i element-ui -S

/* mint-ui */

npm i mint-ui -S

2,然后在 plugins 中创建对应的 js 文件 element-ui.js / mint-ui.js

import Vue from ‘vue‘
import ElementUI from ‘element-ui‘
import ‘element-ui/lib/theme-chalk/index.css‘

Vue.use(ElementUI)
import Vue from ‘vue‘
import MintUI from ‘mint-ui‘
import ‘mint-ui/lib/style.css‘

Vue.use(MintUI)

3,在 nuxt.config.js 中配置


  vendor: [‘element-ui‘,‘mint-ui‘]  // 在 build 对象里边
  //下边的 plugins 跟 build 对象同级
 plugins: [
    { src: ‘~plugins/element-ui‘},
    { src: ‘~plugins/mint-ui‘},
  ]

这样就可以使用element-ui,mint-ui 两个框架了

以上是关于nuxt.js 使用 mint-ui element-ui的主要内容,如果未能解决你的问题,请参考以下文章