企业中的v-if的报错避坑

//假设我们在windows中绑定了一个arr
<div v-if="arr.length>0||arr!=null">hhh</div>
<div v-else>xxx</div>
//报错出现在我们的前半条判断中,在我们判断数组的长度是否大于零的时候,需要先判断我们是否有数组,如果没有数组的话,那么这条数据就会发生报错

因为对于判断节点是否为空的判断有问题,原代码写的是在判断节点长度是否大于零的时候进行v-if操作,在判断之后同行进行数组长度是否为空的操作,在这行代码中出现了报错的问题,线上的报错是在线上的老用户没有节点奖时返回的是空,而在v-if中如果是空的话,那么就不能判断该属性的长度,就会出现报错,这对于我的启发是在编码的过程中更应当每句话都要进行更加慎重的处理,尤其是一些逻辑的判断,注意逻辑的判断是否会有报错,也更应该跳出需求文档,在已有的线上项目需要考虑线上的数据结构。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值