前端bug解决
解决前端遇到的bug
Shiny0815
在路上
展开
-
小程序预览或上传代码时,遇到app.json未找到某个wxml文件的解决方法
uniapp小程序,点击预览或者是上传代码,遇到app.json无法找到某个wxml文件的解决方法:清缓存。第一次遇到无法编译,提示为app.json中 .wxml异常,无法找到。经过测试文件正常,其他人也能正常预览,上传小程序代码。原创 2024-05-07 17:20:04 · 179 阅读 · 0 评论 -
vue-seamless-scroll 某些点击不生效
使用了vue-seamless-scroll,里面嵌套了ul li ,对li进行遍历,实现一个滚动列表的效果,对每一个li加了test点击事件,每次点击一行li时,都会触发点击事件,但是接口返回的前三行数据点击事件不生效的情况是为什么呢?解决方案:往滚动组件的父节点上添加绑定事件(js冒泡机制),通过e.target定位到具体点击位置,然后判断点击位置是否是你滚动组件的一列/行。不能点击的原因是因为html元素是复制出来的(滚动组件是将后面的复制出来一份,进行填铺页面,方便滚动)原创 2024-04-16 10:43:30 · 300 阅读 · 0 评论 -
console控制台报错找不到原因,可能是console.log()里面有错,console.log()同样会阻塞代码执行
原因:我写了console.log()里面有错误,排查的时候,直接忽略它了,觉得它不会影响,但其实它也会引起报错。我写了打印 checkedNodes,但其实应该是**checkedList.**checkedNodes。原创 2023-08-25 19:58:28 · 868 阅读 · 0 评论 -
el-tree树回显删除某项,再次点开树形组件无变化,实际数据已改变
初始化会根据default-checked-keys属性,默认已选项,直接勾选对应值,而不是通过check方法。页面有添加和删除已选选项的按钮,点击删除一个选项,再点添加,打开树形弹窗,发现弹窗被删除的选项还在。: 发现是添加的时候,调的方法是,el-tree树形组件里check方法,这是错误的。: 初始化打开弹窗时,原创 2023-08-25 19:53:48 · 1059 阅读 · 0 评论 -
vue报错:Cannot read properties of undefined (reading ‘0‘)
报错信息:Cannot read properties of undefined (reading '0')描述:goodsInfo 是对象类型,其包含key 为 content, content为数组类型,直接取数组内容,页面能展示出来,只是console 会报错原文:<div class="content"> <span>{{goodsInfo.content[0]}}</span> <span>{{goodsIn原创 2022-05-07 17:29:22 · 12729 阅读 · 1 评论 -
图片vertical-align 属性,对齐文本
vertical-align: baseline top middle bottom原创 2022-05-07 17:18:35 · 178 阅读 · 0 评论 -
toFixed用法 四舍五入保留小数
Num.toFixed(aaa)参数:其中,aaa 参数范围0~20,决定保留几位小数,默认是0返回值: 返回数字的字符串形式参考mdn https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixedvar numObj = 12345.6789;numObj.toFixed(); // 返回 "12346":进行四舍六入五看情况,不包括小数部分num原创 2022-05-07 17:15:56 · 568 阅读 · 0 评论 -
margin padding 上下边框对内联元素span无效
上、下外边框的设置对不可替换内联元素,如 <span> 和<code>,无效。原创 2022-05-07 17:05:04 · 111 阅读 · 0 评论 -
margin padding 上下边框对内联元素span无效
上、下外边框的设置对不可替换内联元素,如 和 ,无效。原创 2022-05-07 16:59:44 · 166 阅读 · 0 评论