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

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

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

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

posted @ 2020-05-18 15:34  简讯  阅读(2444)  评论(0编辑  收藏  举报