VUE{{}}中数据渲染出现undefined_vue undefined(2)

Background

在前端编码过程中,常常会出现在mustache表达式 { {}} 中undefine的某属性报错。原因是如果 { {}} 仅仅是个变量如 { {a}} 是不会报错的,a可以是undefine或者null。但是如果{ {a.b}} 或者 { {a['b']}} ,那么当a是undefine的时候就会报错。

并且因为Ajax是异步加载所以常常出现加载数据之前报出这个错误。

Solution

  1. 利用在标签上面添加v-if:例如: <div v-if="a">
  2. 在{ {}}中利用三元运算符:例如:a ? a : '' 来判断是否为undefine。
  3. 在VUE的data中预定义可能为undefined的变量值,比如 a=[]

在编码过程中根据undefined的变量形式灵活运用规避方法,避免出现,undefinde的某属性问题。

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数网络安全工程师,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

  • 22
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值