![](https://img-blog.csdnimg.cn/87b5263566c54600a4c471a96f6580e8.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端-Vue
文章平均质量分 73
vue学习与踩坑。。。
Better_Roy
我小的时候一直以为我是一个人,当我会说话的时候我才发现我是一只海星,有的时候干劲真的很重要!...
展开
-
vue3.x 引入svg-sprite-loader处理svg图片
目录前言element-plus自带图标可以另外下载svg的地方使用1. 安装svg-sprite-loader2. 项目中新建文件夹icons》svg》下边放一点svg3. 接着把如下代码拷入vue.config.js中,没有文件的话,请新建。4. icons下边index.js5. 参照如下目录新建SvgIcon文件夹,新建index.vue组件6. 在main.js中输入如下7. 接着在需要展示的页面中的icon-class后边填上svg的名称,即可使用svg图像了。参考源前言svg矢量图形,使原创 2021-11-09 14:29:58 · 2108 阅读 · 2 评论 -
vue报错---./node_modules/cache-loader/dist/cjs.jsref--0-0./node_modules/vue-loader-v16/dist
目录错误场景解决办法错误./components/HelloWorld.vue in ./node_modules/cache-loader/dist/cjs.js??ref–0-0!./node_modules/vue-loader-v16/dist??ref–0-1!./src/App.vue?vue&type=script&lang=js场景因为安装element-plus后把app.vue里的代码替换了,找不到HelloWorld.vue或者里边的引用,所以报错了,此错原创 2021-11-05 17:57:10 · 10402 阅读 · 0 评论 -
vue3.0+vue-router4.0+element-plus项目搭建---脚手架cli搭建
目录前言环境,我用vscode。其它IDE或者文件夹就能创建。node 安装cli(脚手架安装)1.建立脚手架项目2.当时我的疑问,难道没有简单的方式创建?还真有安装element-plus后续之发送web请求前言网上翻了好多,都无法成功搭建,要不路由不能用。四处碰壁后,终于学会了。环境,我用vscode。其它IDE或者文件夹就能创建。先安装好node.js与vue clinode 安装node.js 安装:https://nodejs.org/zh-cn/命令窗口输入node -原创 2021-11-05 17:48:41 · 1285 阅读 · 2 评论