- 博客(92)
- 收藏
- 关注
RSS订阅原创 js空数组的length返回1的问题解决
在使用split()函数分割字符串时，如果此时的字符串时空的，那么split也会执行，得到的新数组为【‘’】，这时候，你再返回他的length，就会是1了，因为此时的空会被定义为underfind,这就不是真正的空了，因此length就会返回1，为了避免错误，就需要在split时确认字符串不为空。
2024-06-27 09:18:20
82
原创 uniapp app分享页面到微信的功能方法
如上图所示：app主体代码就是这样了，查看相应配置就可以，同时需要新建一个匹配的存放h5页面的项目，在app中填入H5页面的链接就可以了，是不是很简单呢。最近开发uniapp app项目时，有分享页面的功能需求，因此，给大家分享一下，在uniapp环境里，是如何分享页面到微信H5页面的。
2024-06-27 09:10:15
157
原创 uniapp gaid-item组件增加角标的方法以及最新版本已删除角标参数的注意事项
因此大家在最新版中，要使用角标的，可以参照官方示例用单独的角标组件去做。怎么样，是不是很简单呢？
2024-05-24 15:59:32
212
原创 金额计算导致的错误问题汇总解决
2.要重视小数位，如果测试不够仔细的话，会发现，有些时候计算值经常会有一连串的小数，长达8 9位都有，这是非常低级的显示错误啊，计算的时候要考虑周全，提前想好最多取几位小数。1.最重要的，涉及到计算的参数一定要是数字类型，如果后端不小心返回了字符串，那么就会很容易计算错误，建议计算的时候都用number()重新转成数字类型。3.准确性，因此js的计算大部分都是遵循四省五入的，如果在某些需要非常准确的计算金额时，一定要懂得用更精确的方法。
2024-05-24 15:53:47
154
原创 iview 自定义项求和的方法和错误点
这是iview自定义某几项参数合计的方法，其实是蛮简单的，很多人自定义合计的时候，老是会不知道怎么处理除了需要合计的几项的其他项，其实不需要管，不需要合计的项直接返回空就好了，需要的就在计算的里面做key的判断。
2024-04-25 17:35:13
198
原创 splice在foreach中使用导致index乱序的问题
在forEach中使用splice方法去删除符合条件的项时，会发现有时会出问题，这是因为splice方法是会改变原数组的值的，因此，没循环触发一次splice方法，便利的原数组就会出现改变，那么相应的循环中index也会改变，那么后续的值自然就不正确了。
2024-04-25 17:11:37
126
原创 iview 不请求接口修改table本地数据 不刷新的本质问题以及最简单的解决方法
其实是因为vue的数据更新检测机制，在对象或者数组的情况啊，只是通过赋值，来改变数组的某一项数据，vue的set是无法检测到更新的，因此才会出现这个问题，那要怎么解决呢？如图所示，只需要再table中加上key参数，在你修改了数据需要更新时候，直接tmp++即可。
2024-03-18 17:04:22
484
原创 uniapp 兼容pc与手机的样式方法
当页面最小宽度 375px， 页面宽度最大 800px 时显示。在uniapp中，match-media可以很好的来判断兼容和适配。
2024-03-15 17:30:56
934
原创 uniapp中两个纯日期不带时间的方便比较方法
如图所示，纯日期是无法直接比较的，可以通过把纯日期转化成日期时间格式再去比较，日期时间格式是可以直接比较大小的，这是比较方便的是。
2024-02-26 10:16:36
732
原创 uniapp npx update-browserslist-db@lates 问题解决
在uniapp运行项目时，会有这种报错，其实这是表明browserslist@latest版本低了，在催你升级版本，browserslist@latest是用来支持解析css用的，当然，你也可以直接忽略这个报错提示，也可以正常运行项目。
2024-02-26 10:00:38
1051
原创 es6日期添0的最新方便写法
在日常开发中，处理日期的补0是很常见的，大多人在补0的，可能写法都是判断位数来补0 其实es6是有日期补0的新方法的 如图所示，是不是很方便呢。
2024-01-26 16:05:51
342
原创 uniapp开发日期预约表的方法和优化
如图所示，最近在开发预约时间表 但是设计稿看起来排列比较灭有规律，而uniapp的插件图表其实并没有类似的，因此只能自己想办法了，直接就按前端实现的路子，仿造了一个时间表。
2024-01-02 08:57:20
525
原创 iview弹窗提交问题优化
如上图所示 有时候在弹窗中 有比较复杂的表格组件数据 这时候 你如果把提交按钮直接放在弹窗上 就会很麻烦 不仅要处理表格的验证 同时也要维护弹窗的开启和关闭状态 不是很自由 这时候 就看见把提交按钮单独摘出来 可以在自建的按钮上 判断各种状态 是不是很方便呢。
2023-11-29 14:34:59
431
原创 uniapp 页面回退逻辑梳理
在uniapp 开发项目，有时在同一个页面 回退 会有不同的要求，无法通用的用navigaBack去解决 因此 这时候 就可以使用onBackPress方法，根据不同的参数条件来控制回退的页面。
2023-11-29 14:28:41
294
原创 iview表单提交验证特殊组件时需要注意的问题
使用iview的朋友们，对于表单验证肯定不陌生，通过validate来进行提交时的参数验证，一般来说，对于select或者input之列的表单组件，比较好判断，
2023-10-26 09:39:03
312
原创 list列表前端分页功能已经提交list时容易犯错的问题回顾
从图片代码就可以很清晰的看到前端分页，如何点击页数翻页的，很简单，但是在后续需要提交整个list里的时候，因为一开始就把整个list赋值给了jalist2,表格中真正需要提交的data因为前端分页的缘故。其实只有当前页的数据，因此提交list的时候很容易忽略掉了再次赋值data整个list这一步，造成提交错误，因此，还是需要细心一点的。
2023-10-26 09:26:27
196
原创 css手机端弹出框的优化写法
2.在有超出弹出框内容的时候，弹出框的高就要小心设置了，这时候我推荐用vw动态高度，更准确，同时做好auto滑动，体验会好很多。1.首先就是全尺寸的适配，这点其实不需要麻烦的用媒体查询，而是直接用百分比的宽高就好了，这样在不同的手机中，都是一样的比例。3.再有就是一些细节体验了，包括确定按钮的loading,遮罩层等等，做好这3点，就能把弹出框优化好了。
2023-09-28 16:36:34
100
原创 uniapp含加减计算器的列表的修改实时更新
最近在开发购物车列表时，因为列表含有加减计算器组件，大家会发现，使用组件的事件去修改数量时，打印修改后的列表data,发现数据是已经更改了，但是页面的数量显示确没有更新，这是因为，在uniapp列表中，单纯的修改某一列的数据，是不会出发页面更新的，这时候，我们就需要使用。set(data,index,item) 修改完数据后，使用set可以直接更新到页面的表层，同样的方法也适用所有的不同类型的列表，比如checkbox之类的按钮都可以。
2023-09-28 16:23:58
197
原创 uniapp radio组件外层套label导致radio点击范围变大的bug解决
绑定在radio上的点击事件，却在点击radio的外圈范围都可以触发这个事件，明明只绑定在了radio组件上，这就很奇怪了，经过排查发现，原来是使用了label包裹了radio组件。在表格中，如果用label包裹了组件radio,就算你采用了阻断事件冒泡的方式，发现在uniapp中也无法阻断radio的事件冒泡，只有去掉label,单用radio组件，radio的事件绑定才能正常。
2023-08-28 13:31:59
271
原创 package-lock在项目文件中的作用
其实啊，大家在平常的开发中，是否会发现明明某个插件的版本已经更新到最新了，但是在package.json显示中，却还是之前的版本呢？这是因为啊，package.json只会控制显示插件依赖的范围，是无法精确到具体的依赖的版本的，因此，为了解决这个问题，引入了package-lock.json ，在package-lock.json中，大家可以清晰的看见，各种插件所依赖的最新版本信息，怎么样，是不是学到了呢？
2023-08-28 13:25:37
109
原创 关于两个同名函数导致的无错异常警示
事情的起因是，一个绑定函数，在页面刚开始开发的时候，就写上了函数名，但是没写逻辑，而且还放到了函数列的最下面，之后在过了很久，到了开发这个功能的时候，就忘了已经写了这个函数名， 在函数列最上面重新写了一个同名函数，结果自己就悲剧了，因为地下有一个空逻辑的同名函数，导出效果怎么都不出，但是上面函数的逻辑又都是没有问题的，这是很让人抓狂，找不到问题在哪，最后还是自己查询了这个函数名，发现有两个，终于解决了问题，大家看到后一定要引以为戒，不建议写空逻辑的函数。
2023-07-28 16:30:45
58
原创 iview modal点击确定验证不通过也关闭弹窗的问题解决
在开发pc页面中，使用iview modal弹窗的时候，会发现点击确定的时候，就算验证参数报错，弹窗也会自己关闭，这就非常不合理了，如果是form弹窗，那么字段就都要再填一遍，那么怎么解决呢？关键就在modal的loading参数了，loading参数为true时，点击确定就会触发loading状态，出现验证错误时，开启loading状态就行，等验证通过后，再关闭loading状态就可以了。
2023-07-28 16:24:05
630
原创 iview button组件点击第一次无效的原因解决
在main.js里做了跳转判断，如果没有token是没法跳转页面的，因为点击第一次只是存储了token，第二遍点击才开始正常登陆，这就是代码先后的一个简单的错误例子，希望大家引以为戒。
2023-06-30 13:40:49
673
原创 iview input组件clearable清空属性无法清空双向绑定值的原因解决
原来我绑定的参数的中文名称，但是搜索使用的是参数的具体代码值，所有点击清除按钮只是清掉了名称而已，具体的参数值是没有清掉的，所有导致搜索还是一样的，这是我们大家都很容易忽略的错误，希望写出来让大家都避免这个错误。最近在使用iview新版本 input组件时，刚开始发现使用v-modal绑定的值，在点击clearable清除input框内容时，再次搜索发现参数还是没有被清掉。
2023-06-30 13:33:20
950
原创 iview DatePicker日期插件绑定v-modal值时 给的默认值日期是date类型问题
最近在使用iview开发pc项目时，因为很久没搞pc项目了，对iview组件有点陌生，所有在使用DatePicker日期插件的时候，绑定了v-modal值，但是又在页面开始阶段赋值了默认值，导致，在采用默认值的时候提交rq参数，会是rq从yyyy-MM-dd格式变成带区时的rq,造成报错，这是因为DatePicker日期插件的默认格式是deta格式，所有在提交rq值的时候，一定要把显示用的值和提交的值区分开，避免被自动转换了日期格式。
2023-05-31 14:17:34
445
原创 Error in nextTick: “TypeError: Right-hand side of ‘instanceof‘ is not callable“报错解决
其实就是参数的type值首字母没有大写，就会报上述错误，但是如果没有发现的，就会摸不着头脑，根本找不到错误的根源，所有大家记得一定要注意这个小问题，做好代码的书写规范。
2023-05-31 14:12:17
873
原创 PDA广播扫码和焦点扫码的切换功能解决
在做pda扫码功能中，随便大多数是广播扫码更好用，但是有些客户的pda设备可能比较陈旧，会出现没有广播扫码功能，或者很能自己找到广播扫码的功能块在哪里，因此，为了解决这个问题，在设置界面做了焦点的广播扫码两种切换，通过切换参数，来判断，在扫码页面使用焦点还是扫码，当然，每次切换完，设置本身也需要重新设置，虽然麻烦，但是还是做到兼顾焦点和扫码的客户。
2023-04-28 15:43:53
1364
原创 uniapp app无法获取最新token缓存的解决办法
在uniapp项目开发中，发现有时候本地存了token,但是在手动触发更新版本的时候，第一次会出现token异常的问题，通过排查，是token过期的问题，因此，为了能够保证每次获取的都是最新的token的缓存，把请求放到try catch中去，这样就解决了这个问题，因为try catch中的获取会自动更新缓存。
2023-04-28 15:39:27
982
1
原创 hbuildX编辑器导致浏览器自动打开f12的问题解决
究其原因，还是uniapp本身的问题，为什么要做这样的设置呢，非常不好用，希望在后续的更新中，早点解决这个问题。1.就是去掉浏览器与编辑器的连接，但是对自己开发也不方便。2.还原浏览器设置，但是自己的偏好设置页没了。
2023-04-03 08:57:38
429
1
原创 uniapp uni-number-box插件自动触发change事情的解决办法
应该是uni-number-box的事件受数据更新的影响，外层元素的数据更新，也会带动他的数据更新，所有就会自动触发change事件，有时候自动触发也是合理的，但是如果想阻止的话，那就只能去源代码上修改了，去掉监听事件。
2023-04-03 08:56:14
1091
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人