Vue 监听对象数组某一项某个属性值的变化

示例:

  1. 监听tempArr数组的第0项的age值变化
  2. 监听formData对象的likes数组第1项吉他项的值的变化

export default {
    data(){
        return {
            tempArr: [
                {
                    name: '小明',
                    age: 18
                },
                {
                    name: '小红',
                    age: 18
                },
            ],
            formData: {
                name: '',
                likes: [
                    {
                        name: '篮球',
                        checked: false,
                    },
                    {
                        name: '吉他',
                        checked: false,
                    },
                ]
            }
        }
    },
    watch: {
        'tempArr.0.age'(n,o){  //监听tempArr数组的第0项的age值变化
            console.log(n);
        },
        'formData.likes.1.checked'(n,o){    //监听formData对象的likes数组第1项吉他项的值的变化
            console.log(n);
        }
    }
}

你可能感兴趣的:(Vue,vue.js,javascript,前端)