1、npm安装【全局安装element】
npm i element-ui -S
2、按需引入,借助 babel-plugin-component,
2.1、首先安装 babel-plugin-component,
npm install babel-plugin-component -D
2.2、将.babelrc修改为:【是项目中的babel.config.js文件】
{
"presets": [["es2015", { "modules": false }]],
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
}
2.3、在main.js中引入需要的组件
比如:Button,Select
//引入需要的组件
import { Button, Select } from 'element-ui';
//使用组件
Vue.component(Button.name, Button);
Vue.component(Select.name, Select);
2.4、或者挂载在原型上使用文章来源:https://www.toymoban.com/news/detail-599370.html
//引入组件
import {MessageBox } from 'element-ui';
//挂载到原型上使用
Vue.prototype.$msgbox = MessageBox;
Vue.prototype.$alert = MessageBox.alert;
注意:如果依赖下载不了,在每行命令后面加上 文章来源地址https://www.toymoban.com/news/detail-599370.html
--legacy-peer-deps
到了这里,关于element UI 按需引入的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!