Skip to content
This repository has been archived by the owner on May 4, 2022. It is now read-only.

Latest commit

 

History

History
21 lines (16 loc) · 687 Bytes

9-项目遇到的问题及解决方案.md

File metadata and controls

21 lines (16 loc) · 687 Bytes

1. Vue 数据更新无法触发视图更新

在开发收藏功能时,需要手动给数据对象添加一个数据类似于favorited

// some code ...
item.favorited = false
// click favorite btn
item.favorited = true

上文中的favorited 其实已经更新了,但是由于我们在新增属性的时候item.favoirted = false直接赋值的,而 Vue 无法深度监听这样赋值的数据,所以我们需要这样

// get init data code ...
// 这样代码相当于把 favorited 这个属性加入深度监听
this.$set(item, 'favorited', false)
// click favorite btn
item.favorited = true  // 此时该属性已经可以触发视图监听了