![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
踩坑
易风有点疯
我就是个小菜鸡,每天都要笑嘻嘻
展开
-
踩坑:uniapp写hooks时,响应式丢失
拿到数据时,可以打印,但是页面没更新!!然后想通过监听,来看看是不是ref的响应丢失了但从上图发现,watch是可以监听到变化的,那是啥子原因???突然,发现了编辑器出现了一行小字,黄色警告setData数据传输长度为1076KB,存在有性能问题!我想,我一行代码咋会有16kb呢,难道是接口数据的问题?然后瞅了一眼接口返回的数据,好家伙,五万多条!破案了,就是数据太大的原因,到时页面由于性能问题无法响应,页面遭不住,数据太多了。...原创 2022-07-28 14:42:16 · 1075 阅读 · 0 评论 -
vue3->调用子组件的属性和方法
vue3->调用子组件的属性和方法原创 2022-04-08 23:36:38 · 4642 阅读 · 1 评论 -
踩坑:图片宽度不一致
明明给图片设置了统一的宽高,可是实现出来的效果页面的图片宽高却不一致**原因:**父盒子使用了flex布局,导致右侧的文字将左侧图片挤压变小了**解决方案:**给图片加上flex:none 属性原创 2021-04-09 10:33:24 · 329 阅读 · 0 评论 -
踩坑:video无法播放
video 视频项目中需要用到视频播放,但是使用的时候无法播放。卡住不动 <video style="width:800px" src="./assets/test.mp4"></video>原因:没有给video标签 controls 属性,这个属性是控制功能键显示的 <video style="width:800px" controls='controls' src="./assets/test.mp4"></video>加上之后就可原创 2021-04-06 17:48:43 · 2967 阅读 · 2 评论 -
踩坑:vue3路由跳转,数组对象重新赋值
最近学习Vue3的时候,利用业余时间做了一个简单的ToDoList来进行练习,效果如下:但是再完成这个小demo的时候遇到了一点常见的坑,所以分享出来,希望给刚刚学习vue3的小伙伴一点帮助1.路由跳转正常的路由跳转是需要进行以下几步的第一步: 引入 useRouterimport { useRouter } from 'vue-router'第二步: 实例化路由方法const router = useRouter()第三步: 使用跳转 router.push('/Login') /原创 2021-01-13 11:45:18 · 5435 阅读 · 3 评论 -
Vue:一行代码解决eslint
在项目根目录里新建 vue.cogfig.js 文件把这一行复制到 vue.config.js 里面去,直接解决这一行代码既不会关闭eslint,又可以不阻止项目运行,两全其美module.exports = { lintOnSave: 'warning',}原理:lintOnSave: 设置是否在开发环境下每次保存代码时都启用 eslint验证。value:false:关闭每次保存都进行检测true:开启每次保存都进行检测,效果与warning一样'warning':开启原创 2020-12-29 09:40:16 · 314 阅读 · 2 评论 -
踩坑:后端返回的图片资源无法下载
2020.12.25问题:今天遇到一个问题,后端返回给我了一个网址,我把这个网址直接扔到浏览器上后就可以下载图片,但是我把这个网址赋值给我的a标签的href属性的时候,a标签无法下载该图片,显示下载失败。解决方法:在网址前面加双斜线 <template slot-scope="scope"> <a download :href="'//' +scope.row.authorizationLetter"> <el-butto原创 2020-12-25 15:19:56 · 511 阅读 · 2 评论 -
踩坑:图片转base64
图片转base64如何将本地图片转换成base64格式?代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title></title> </head> <body> <input accept="image/*" name="upimage" id="upload_file" type="fil原创 2020-12-18 11:47:34 · 284 阅读 · 0 评论