vue.js - vuejs如何监控对象中某个属性值的变化。

问题描述

问 题

 new Vue({
      el: '#demo',
      data: {
        things: [{foo:1}, {foo:2}]
      },
      watch: {
        things: {
          handler: function (val, oldVal) {
            alert('a thing changed')
          },
          deep: true
        }
      },
      methods: {
        change: function (item) {
          console.log(item)
          //item.a = 2
          this.$set('item.a',2)
          //item.a属性并无变化，应该怎么样赋值？
        }
      }
    })

具体的看下嘛代码调试

链接描述

解决方案

改成

this.$set(item, 'a', 2)

官网深入响应式原理

这篇关于vue.js - vuejs如何监控对象中某个属性值的变化。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！