nuxt安装element-ui

最新推荐文章于 2024-06-24 00:28:47 发布

YO_OK

最新推荐文章于 2024-06-24 00:28:47 发布

阅读量323

点赞数

分类专栏： vue nuxt 框架文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/kedouwo/article/details/128173639

版权

vue 同时被 3 个专栏收录

6 篇文章 0 订阅

订阅专栏

框架

6 篇文章 0 订阅

订阅专栏

nuxt

5 篇文章 0 订阅

订阅专栏

1.安装element-ui

npm install element-ui --save --registry=https://registry.npm.taobao.org

2.创建文件

在项目的根目录下的plugins下创建element-ui.js文件

import Vue from  "vue";  
import ElementUI from  "element-ui"
Vue.use(ElementUI)

import Button from  "element-ui"
Vue.use(Button)

3.引入文件

在nuxt.config.js中修改如下：

// Global CSS: https://go.nuxtjs.dev/config-css
  css: [ "element-ui/lib/theme-chalk/index.css"],

  // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
  plugins: [{ src: "~plugins/element-ui",ssr:true,mode:'server'//client }],
build:{
    transpile:['/^element-ui/']
}