美文网首页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