美文网首页vue
watch监听多个值的变化

watch监听多个值的变化

作者: 优秀的收藏转载分享 | 来源:发表于2021-09-07 10:16 被阅读0次

方法一:

computed: {
    allLatlngs() {
      const { value1, value2 } = this;
      return {
        value1,
        value2,
      };
    },
  },
  watch: {
    //定义的变量名
    allLatlngs(e) {
      console.log(e); // 选中的值 {value1: "选项1", value2: "选项2"}
      console.log(222222);
    },

方法二:

<input type="text" v-model="cityName.name"/>

new Vue({
  el: '#root',
  data: {
    cityName: {id: 1, name: 'shanghai'}
  },
  watch: {
    cityName: {
      handler(newName, oldName) {
      // ...
    },
    deep: true,
    immediate: true
    }
  } 
})

相关文章

网友评论

    本文标题:watch监听多个值的变化

    本文链接:https://www.haomeiwen.com/subject/rhhflltx.html