Vue计算属性,由一个数组计算出另外一个数组

Question

• 有一个数组A

var arr1 = [
    {
        name: 1,
        age: 2,
        height: 170,
        status: 'success
    },
]


computed: {
    arr2 () {
        let arr3 = []
        for (var i = 0; i < arr1.length; i++) {
            if (arr1[i].status === 'success') {
                   arr3.push({
                    name: arr1[i].name,
                    age: arr1[i].age, // 当我在别的方法内,修改arr1的某项age时,arr1修改成了,但是计算属性的arr2,并没有.请教方法.
                   })
            }
        }
        return arr3
    }
}

• 问题,在接口获取数据的时候,是键名先出来,数据会根据一些条件变化,因此.我用计算属性等status=success后再去模板中渲染
• 现在的问题是,当我去改arr1其中的某个属性的时候,计算属性并不会跟着更改.
• 请问要怎么做才可以~?

Answer 1

• 忘记了非常重要的条件,是添加不是修改.
• 因此,用$set就可以解决了..

Answer 2

现在这样是可以的，但是对于异步变化，还是建议使用 watch 而不是 computed：
https://cn.vuejs.org/v2/guide...

Answer 3

按照你的写法，按道理说确实是可以生效的。本人本地测试过。