vue可以根据数据内的某个键值触发更新函数吗?

Question

需求：使用v-for渲染了一个列表,内容是{{a}}，实例的data形如item：[{a:false},{a:true},{a:false},{a:true}]当data中某一元素中a的值发生改变时，触发一个函数问题：如果使用watch来检测item中具体哪一个数据发生了变化，可以获取索引吗?使用computed可以实现嘛？

Answer 1

可以watch整个item嘛。

computed的话可以返回更新后的结果组成的数组再v-for组件。

提供个粗糙的思路哈

computed:{

    value(){

        return this.item.map((item)=>{

            if(item){

                //触发更新函数

               return update()

            } else {

                return <未更新的值>

            }

        })

    }

}

然后 v-for="value"

Answer 2

可以 watch 也可以 computed。

watch 的话需要 deep watch：

watch: {

    list: {

        deep: true,

        handler( newList, oldList){

            const changedIndex = newList.findIndex((item, index)=> {

                oldList[index] !== item // 这里判断不严谨，你自己写判断方法

            })

            // changedIndex 就是发生改变的位置

        }

    }

}

computed 需要计算出你需要监听的那一项，然后再 watch 它，适合你明确知道自己想监听第几项的情况，比上边的性能好一点，毕竟监听的少。