为了账号安全,请及时绑定邮箱和手机立即绑定

vue 实战中一个常见的报错及解决方案【一】

标签:
Vue.js

vue小项目的报错问题以及我是怎么解决的:

image.png 出现该问题的原因:是在发送异步请求返回数据之前,虽然请求数据初始值都为空对象或者空数组,你使用三层表达式(二层是没有问题的,比如info.name)调用到的某个数组或者对象为空/undefined ,如下代码,我所用到的info.supports[0].type,是一个三层表达式

image.png

以上图例就会报错,解决方案如下图: image.png

加一个v-if 语句,先判断你所用到的这个数组是否真的来了,有的话,咋再执行里面的代码

作者:Flavor_
链接:https://juejin.cn/post/6957985093805686797
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消