Nuxt 中 按需引入 Element ui 元件

2021-08-19 18:38:06 字數 475 閱讀 9869

1. 安裝 element-ui

npm i element-ui -s
2. 在根目錄下的plugins下建立element-ui.js檔案,以下是我的檔案內容

import vue from 'vue'

import from 'element-ui' //引入分頁元件

vue.prototype.$element = ;

vue.use(pagination);

vue.use(loading);

vue.use(alert);

vue.prototype.$notify = notification;

3. 然後將根目錄下的nuxt.config.js檔案修改為

css:[

],plugins:

4. 配置完成,可以在 .vue檔案中使用了

nuxt中全域性引入element ui

1.開啟terminal終端,輸入npm run dev啟動專案 2.element中文官方文件 3.在元件庫里任意選擇一段 複製到專案中pages資料夾下index.vue的頁面中 4.按住ctrl s儲存修改,即頁面自動顯示剛修改內容,無需重新啟動專案,可以看到此時的頁面只顯示 危險按鈕 這幾個...

echarts按需引入

這篇文章只對echarts v4.x 有效 官方更新到v5.x 後 可以檢視官方例項 檢視完整 按需引入 echarts 的完整包太大了,但是在專案中,其實很多都是用不上的,所以按需引入是很有必要的 import echarts from echarts lib echarts import ech...

VUE mint ui按需引入總結

第一步 安裝mint ui 這裡不細說 第二步 執行npm install babel plugin component 文件寫的npm install babel plugin component d,我按文件知道裝了報錯,專案無法編譯,可能是和版本有關係?多次嘗試後把 d刪掉就可以 第三部 修改...