Vue

Vue<按需引入element-ui相关组件>

2020-11-16  本文已影响0人  誰在花里胡哨
image.png
问题:上图是官方为新版的 vue-cli 准备的 相关配置,但是我根据配置在 babel.config.js中配置后,再运行发现无法使用,所以下面给出解决方案。

解决方案:
在vue项目中添加 element 模块

vue add element

选择按需引入


image.png

选择中文


image.png
image.png

会自动生成一个 plugins 文件夹,并且会自动在 main.js中引入,babel.config.js 文件内也会自动配置


image.png
image.png image.png

--------⚠️注意:你可能会发现你App.vue文件内也发生了改变,此时你需要撤回下就可以了。具体是什么原因造成的,我也不太清楚。所以还是建议在项目刚搭建的时候进行此操作。---------

最后就可以在这里配置你需要使用到的组件了


image.png
上一篇下一篇

猜你喜欢

热点阅读