使用element-ui,並設置按需引入


一、 安裝element-ui
npm install element-ui --save
因為element-ui是依賴於element,所以也需要安裝此
npm install element --save
二、 npm install babel-plugin-component -D
三、 在babel.config.js中添加此段代碼
如有其它配置,只需要在 plugins 的數組中繼續添加我們需要的配置代碼就行了

module.exports = {
    plugins: [
        [
            'component',
            {
                libraryName: 'element-ui',
                styleLibraryName: 'theme-chalk'
            }
        ]
    ]

}

四、 可以在項目文件下添加plugins文件,並添加element.js

//按照自己需要添加組件
import Vue from 'vue'
import { Button, Form, FormItem, Input, Message } from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(Button).use(Form).use(FormItem).use(Input)
Vue.prototype.$message = Message

五、 最后在main.js中導入
import '@/plugins/element.js'


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM