首先在 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
首先在 plugins 目录下创建一个 elementUI.js 然后找到 nuxt.config.js 文件，在...
官方文档：按需加载 完整引入 1. 安装 babel-plugin-component： 2. 修改nuxt.co...
nuxt.config.js plugins===>element-ui
该方法为全局设置 首先在 plugins 目录下创建一个 element-ui.js 然后找到 nuxt.conf...
完整组件列表和引入方式（完整组件列表以 components.json 为准） 一、安装 二、在plugins下新...
1. 在 nuxt.config.js添加 vender:['element-ui'],babel:{"plugi...
Vue.js的nuxt框架引用element-ui 前言 其实就是为nuxt添加一个插件，使用其他vue插件也是一...
引入安装 在nuxt中引用 在plugins中创建nuxt-quill-plugin.js 设置nuxt.conf...
按需引入 element-ui安装后提供两种引入方式，全局引入以及按需引入，整个element-ui大概有1M左右...
#vue使用cdn引入vue和element-ui # element-ui 关于使用cdn引入方式报错 Refe...
本文标题：nuxt引入element-ui
本文链接：https://www.haomeiwen.com/subject/uaorfqtx.html
网友评论