如何在对象中使用 Vue watch

本地主机

我很新,watch并试图弄清楚为什么我的手表在作为对象访问时没有触发。我看到了这个线程,但我不清楚我的问题是否相同。以下是我的简化示例(完整示例使用数组获得了更多属性和属性

<div id="app">
  <input type="text" v-model.lazy="userInfo.name"> {{userInfo.name}}
</div>

JS

new Vue({
  el: "#app",
  data: {
  userInfo: {
            name: ''
  }

  },
  methods: {

  },
  watch: {
    userInfo : {
            name(oldVal, newVal){
            console.log(oldVal +" " + newVal)
      },
    },
     deep: true
  }
})

链接到JSFiddle

马吉德

将观察者更改为如下所示:

new Vue({
  el: "#app",
  data: {
    userInfo: {
      name: "null"
    }
  },
  methods: {},
  watch: {
    "userInfo.name": function(oldVal, newVal) {
      console.log(oldVal + " " + newVal);
    }
  }
});

请参阅此处的相同文档检查最后一个例子。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章