vue-cli3按需引入element-UI

新建一个项目my-app,

进入my-app文件夹,

安装element

安装的时候会有提示询问是全部安装还是按需引入,
选择按需引入
(emmm……忘记截图了(灬ꈍ ꈍ灬) )

※ 注意项:
这样引入会覆盖app.vue文件,所以建议一开始就安装插件。
避免写着写着,结果安装了插件却发现覆盖了自己已经写好的文件?

然后这个时候我们可以看到我们main.js中自动引入了element.js

babel.config.js 文件变成了这样?

这是我们就根据自己项目需求引入就成,
比如我需要Message,Loading功能。

最后两行代码记得加.. 不然会报错?
TypeError: this.$message is not a function” found in……

还有就是我最后运行的时候发现我的Message弹框没有样式……
不知道为啥……
讲道理不需要单独引入css的对吗……
结果最后实在没找到原因还是又单独引入了css

然后就成了!
(忿忿不平的拍桌子!这不科学!?
如果有大神知道为什么请留言告诉我!靴靴!!)

vue-cli3按需引入element-UI

成功引入啦!

然后最后附上完整组件名单供大家参考,当然官网也可以看啦!☺️

未经允许不得转载:一点博客-青梅煮码-共享博客 » vue-cli3按需引入element-UI
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏