本文主要是介绍vue watch深度监听数组每一项的变化,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
在 Vue 中,watch 选项默认只能监听对象的属性变化,无法直接监听数组的变化
监听数组变化
一般情况下我们监听数组变化,可以监听长度的变化
watch(() => list.value.length, (now, old) => {// 会在数组长度变化时触发
})
上面的写法不能做到监听某一项的变化
深度监听
给定第三个参数
watch(() => list.value, (now, old) => {// 此时会在数组每一项内容发生变化时产生变化
}, { deep: true })
这篇关于vue watch深度监听数组每一项的变化的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!