![](https://img-blog.csdnimg.cn/5ac287ca46ca4297ac3a090a6e283a8c.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue报错
文章平均质量分 60
实战中遇到的问题记录及解决方法
叶浩成520
这个作者很懒,什么都没留下…
展开
-
Ambiguous combined usage of slot-scope and v-for on <span> (v-for takes higher priority).——解决办法—亲测有效
Ambiguous combined usage of slot-scope and v-for on (v-for takes higher priority).——解决办法—亲测有效原创 2023-06-27 10:14:43 · 409 阅读 · 0 评论 -
TypeError: transpileDependencies.map is not a function——解决办法——亲测有效
TypeError: transpileDependencies.map is not a function——解决办法——亲测有效原创 2023-06-27 10:05:26 · 10509 阅读 · 7 评论 -
vue——通过dom元素支持多个元素的点击触发事件——基础积累
vue——通过dom元素支持多个元素的点击触发事件——基础积累原创 2022-05-18 16:00:01 · 2529 阅读 · 1 评论 -
npm 安装报错
npm 安装报错原创 2022-05-18 10:54:18 · 1700 阅读 · 2 评论 -
后台管理系统需要同时支持http和https的访问网址,而且只登录一次即可另一个网址自动登录——技能提升
台管理系统需要同时支持http和https的访问网址,而且只登录一次即可另一个网址自动登录——技能提升原创 2022-03-10 09:33:54 · 2903 阅读 · 1 评论 -
VUE后台管理系统正式环境去除console.log debugger的编译——技能提升
作为一个前端,后台管理系统是必不可少的需要掌握的内容,在编写代码的过程中,console.log()经常会用到要控制台打印内容,用于测试等,但是在发布到线上环境时,我们并不希望控制台有各种输出,此时可以一行行的注释掉console.log()代码,也可以通过.eslintrc.js进行统一处理:1.创建.eslintrc.js文件文件目录结构如下:2..eslintrc.js文件内容如下:module.exports = { root: true, env: { node: tru原创 2021-11-09 13:52:33 · 566 阅读 · 0 评论 -
elementUi——table中实现滚动到底部无限加载数据功能——功能实现
最近在看同事代码时,发现同事使用了一个表格自动滚动加载数据的功能。这个功能适用于:表格中内容过多,需要分页展示,但是又不想使用分页组件,此时可以只展示一页的数据,然后当表格滚动到底部时,再加载下一页的数据。参看大神链接:element-ui 的 el-table 上使用无限滚动加载(与自带的 infinite-scroll 结合):https://blog.csdn.net/baidu_27769027/article/details/101924676elementUi官网上是有无限滚动加载功能的。原创 2021-09-01 13:51:26 · 14589 阅读 · 6 评论 -
vue 根据链接生成二维码(功能实现)
今天同事问我一个问题,在vue项目中想要根据一个链接显示对应的二维码该怎么实现。我前一段时间,有用apicloud项目生成二维码的功能,但是vue版本的没有处理过。百度后找到一个可行的方案:大神实现vue项目中显示二维码功能的参考链接:https://www.cnblogs.com/hss-blog/articles/9188101.html文章中提到了两个好用的二维码插件,vue-qart与qrcode,由于第一种需要进行配置,而我对webpack之类的并不熟悉,保险起见,我采用了第二种方法:原创 2021-07-30 14:44:26 · 4151 阅读 · 0 评论 -
vue——静态配置文件不进行编译的处理方法(在public中引入js)
前几天同事提了一个要求,他想在vue引入静态配置文件,但是此文件不要进行编译。静态配置文件中的参数还需要在其他的.vue文件中使用配置文件中的参数。我一开始的想法就是:要在src同级目录下,添加几个.env.xxx的配置文件,然后在文件中配置NODE_ENV``NODE_BASE_URL等参数,然后在其他页面就可以通过env.process.xxx的方式来使用了。但是同时要求不能进行编译,虽然我也不太清楚,编译和不编译对参数有什么影响。最终方案如下:1.在public文件中添加同级的static文件原创 2021-07-22 15:55:44 · 3673 阅读 · 0 评论 -
vue——同一个路由传参不同跳转,页面不刷新问题解决
好久都没有写vue-cli创建的项目了,现在一写,发现了好多坑。今天遇到一个路由跳转的问题:这个是非常常见的一个场景:在当前商品详情页面跳转到另一个商品的详情页面,此时,路由相同,参数id不同Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/productDetail"——报错解决结果我在使用this.$router.replace({path:'/pro原创 2021-07-22 15:14:15 · 7551 阅读 · 8 评论 -
vue——this.$refs.xxx获取dom的注意事项——v-if v-for渲染的dom不能直接使用
最近被借调到其他部门写代码,嘿嘿,我是一块砖,哪里需要哪里搬……今天遇到一个问题,vue项目:v-for渲染的元素,如果内容超过一行,则右侧展示一个"更多"按钮,点击“更多”按钮后,再展示全部的数据。在上家公司的时候,我也遇到过类似的要求,但是当时水平菜的底气硬,直接一个不会,愣是把需求改为了全部展示,今天遇到了这个问题,想着还是要解决一下,困难就是成长。我的思路是:一行的内容高度是50px,我只需要判断渲染完成后,内容区的高度是否超过50px即可。于是:html部分代码:<div cla原创 2021-07-21 20:05:00 · 2973 阅读 · 6 评论 -
vue3.0后台管理系统启动时报错:Cannot find module ‘vue-loader-v16/package.json‘
vue3.0后台管理系统启动时报错:Cannot find module ‘vue-loader-v16/package.json’解决办法:1. 安装yarn : cnpm install yarn -g2. 删除原node_modules文件夹, 通过yarn进行重新安装3.运行命令:yarn run serve(或dev,npm run XXX是执行Vue项目配置在 package.json 中的脚本)完成!...原创 2021-03-23 09:37:43 · 518 阅读 · 0 评论 -
vue控制台报错(1)
vue控制台报错Duplicate keys detected: ‘xxxx’. This may cause an update error.在vue的使用过程中,由于一个页面中使用了两个v-for 循环,在渲染的时候,key值相同导致程序报错。解决方法就是修改key值,保证key值的唯一性。key的取值,可以是index,可以是item,也可以是item中的某个属性值。也可以是拼接值。:key=" 'tab' +item.id"就是用的拼接值的方式进行处理的。...原创 2020-05-22 14:40:52 · 574 阅读 · 0 评论