在 Nuxt.js 中手动安装使用 element-ui 的方法

技术知识
0 1229
小师傅 小师傅2020-05-15
积分:2384

有以下三个步骤:


  1. 在项目中安装 element-ui


npm i element-ui -save    // 官方指定安装方法

 

  2.在 plugins 文件夹下新建 element-ui.js 文件,只需三行


import Vue from 'vue'
import Element from 'element-ui'
Vue.use(Element);

 

3.配置 nuxu.config.js (重点)

module.exports = {
  ...
  /*
  ** Global CSS
  */
  css: [
    {src:'element-ui/lib/theme-chalk/index.css'}    // 1.在 css 中配置 element-ui 的 css 位置
  ],
  /*
  ** Plugins to load before mounting the App
  */
  plugins: [
    {src:'~plugins/element-ui', ssr: false}    // 2.在 plugins 中配置刚刚创建好的 plugin
  ],
  /*
  ** Build configuration
  */
  build: {
    ...
    vendor: ['element-ui']    // 3.此处配置 build 时带着element-ui
  }
}

 

*配置好 nuxt.config.js 后需要重启项目生效。



字数统计
精选帖子
Android 可可影视 v3.3.6无广告纯净版 966
Android QQ音乐 v11.3.7 定制版解锁免费听歌无广告版 1640
Android 草图大师SKP v1.5 解锁会员版 7039
Android OmoFun追漫神器 v4.2.1 无广告绿色版 4115
AdobeGenP Adobe全家桶系列激活工具 v3.5.0/3.4.14.1 绿色版 4731
Android 七猫免费听书 v1.4 解锁高级版 2935
超良心的抢票神器——Bypass1.16 2325
Android 玲珑加速器 v6.10.9.40 解锁无限时间 1516
Android 大师兄影视 v3.3.8 去广告会员版 672
热门帖子
新手小白福利项目,七天狂赚2.6万,小白轻松上手,纯手机操作 312
海外问卷赚美金!!!日入无上限,可批量矩阵可招人开工作室无限放大 303
【头条号托管 】团队提供文章视频,你发布,每天5分钟,最高躺挣1W+ 266
最新游戏搬砖项目,纯手机操作,不用电脑挂机打游戏,网创副业项目搞钱… 265
25年最新爱奇艺创作者分成野路子3.0玩法,冷门赛道,单号稳定月入3K+,… 240
AD广告联盟,可云机模拟机多开,可矩阵无限放大,单机单日500+,新手… 217
用Al一键生成原创中视频,无限制生成条条爆款,单账号日收入1500+引爆… 142
2025年零撸手机项目 二十秒一单 纯薅羊毛 一天200+做就有 91
京东采集全自动挂机,全网最新玩法,新手一天轻松500+ 81