fastadmin引入vue2 vue3的elementUi组件库

image

在此之前,请务必先成功引入了vue,引入方法:

fastadmin后台系统引入vue2 vue3-猫叔的编程圈

视频地址:

https://www.bilibili.com/video/BV1fw411N7xc

vue2版本:

1.下载elementUi需要用到的js和css文件

官方文档给的2个cdn网址,打开之后右键另存为即可下载。

https://unpkg.com/element-ui/lib/theme-chalk/index.css

https://unpkg.com/element-ui/lib/index.js

另外,还需要下载字体文件,这里我已经全部下载并打包好了,大家可以直接下载使用:

vue3版本:

1.下载element-plus需要用到的js和css文件

官方文档给的2个cdn网址,打开之后右键另存为即可下载。

https://unpkg.com/element-plus/dist/index.css

https://unpkg.com/element-plus

这里我已经全部下载并打包好了,大家可以直接下载使用:

vue3文件
链接: https://pan.baidu.com/s/1H3IhgDv-KVhm5NhsoQvwCA?pwd=p2jb 
提取码: p2jb

下载后为了方便,我重命名了下,分别为 elementui.index.csselementui.full.js,这里的名称在下面会用到。

然后把下载好的文件放在我们之前创建的public\assets\libs\vue3文件夹内。

2.配置requireJs

打开这个文件public/assets/js/backend-init.js,在顶部加上这段代码(注意大小写):

做完之后记得根据官方文档重新打包下js,官方文档:https://doc.fastadmin.net/doc/162.html#toc-1

© 版权声明
THE END
喜欢就支持一下吧
点赞13 分享