码迷,mamicode.com
首页 > 其他好文 > 详细

关于vue中computed计算属性和mouted生命周期的问题

时间:2020-05-18 17:00:59      阅读:97      评论:0      收藏:0      [点我收藏+]

标签:问题   com   生命周期   compute   计算   关于   报错   应该   页面   

  最近有这样一个需求,data中的数据一开始为空,在mouted时才能获取到实际的数据。而computed中又依赖了data中的这个数据,于是页面渲染的时候就出现问题了。游览器会报错computed数据is undefined。

  究其原因应该是mouted发生在computed之后,所以游览器在第一次计算computed时,data中的数据还是空的,所以computed也是空的。

  为了解决这个问题,我在computed中添加了if判断语句,只有在data中的数据不为空时才在computed中返回对应的数据。此方案感觉上不是最好的,但是可以解决这个问题。

关于vue中computed计算属性和mouted生命周期的问题

标签:问题   com   生命周期   compute   计算   关于   报错   应该   页面   

原文地址:https://www.cnblogs.com/yxsrt/p/12910888.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!