DDR爱好者之家 Design By 杰米
在vue2.0中引用element-ui组件库
element-ui是由饿了么团队开发的一套基于 Vue 2.0 的桌面端组件库。
官网: http://element.eleme.io/
安装
npm i element-ui -S
引用完整的element-ui
import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI);
需要注意的是,样式文件需要单独引入。
如果报错,在 webpack.config.js 中配置 file_loader。可以在 rules 数组内直接增加下面这个配置项:
{ test: /\.(eot|svg|ttf|woff|woff2)(\"color: #ff0000">按需引入组件1、安装 babel-plugin-component 插件:
npm install babel-plugin-component -D2、修改 .babelrc 配置文件
将
{ "presets": [ ["env", { "modules": false }], "stage-3" ] }改为:
{ "presets": [["env", { "modules": false }]], "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ] ] }3、如果报错,在 webpack.config.js 中配置 file_loader。
可以在 rules 数组内直接增加下面这个配置项:
{ test: /\.(eot|svg|ttf|woff|woff2)(\"htmlcode">import { Button, Select } from 'element-ui'; Vue.component(Button.name, Button); Vue.component(Select.name, Select); /* 或写为 * Vue.use(Button) * Vue.use(Select) */总结
以上所述是小编给大家介绍的在vue2.0中引用element-ui组件库的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米
暂无评论...
更新日志
2024年04月24日
2024年04月24日
- 群星.2009-流行经典靓歌101.5CD【环星】【FLAC分轨】
- dnf死亡之塔在哪里
- dnf永久封停的账号还能解封吗
- dnf没疲劳了怎么获得经验
- Stravinsky-Petrushka,Debussy-Jeux,Prlude-OrchestredeParis,KlausMkel(2024)[WAV+
- Jean-EfflamBavouzet-Mozart_PianoConcertos11,1213(2024)[24-96]FLAC
- 【清音雅乐】马常胜谭宝硕-春归物外(WAV)
- 猜错了?舅舅党称没说过墨菲会出演《孤岛惊魂7》
- 博主晒《星刃》预告片蓝光盘照片 店铺内宣传销售用
- 《漫威刀锋战士》总监谈多人沉浸模拟游戏 举例《博德3》
- 张杰.2009-穿越三部曲【天娱传媒】【WAV+CUE】
- 朱星杰.2024-电台星事【NEWBAND】【FLAC分轨】
- 李玟.2006-要定你【SONY】【WAV+CUE】
- 张紫宁 /南风ZJN《夫君大人别怕我 影视原声带》[320K/MP3][35.16MB]
- 张紫宁 /南风ZJN《夫君大人别怕我 影视原声带》[FLAC/分轨][98.39MB]