【Vue】watch监听

最新推荐文章于 2025-02-14 10:00:32 发布

原创最新推荐文章于 2025-02-14 10:00:32 发布 · 217 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #elementui

本文介绍了一个Vue实例中使用watch来监听数据变化并执行相应操作的例子。具体展示了如何通过v-model绑定表单输入值，并在值发生变化时调用特定方法进行处理。此外还包含了在特定条件下对关联数据进行清空的逻辑。

简单例子

 watch: {
      // v-model值
      "insuredInfoAddress.mobileCountry"() {
      // 调用方法
        this.toSearchCountryOtherSign('corre');
      },

	  // v-model值
     'insuredInfoAddress.permDistrict'(){
        if(!this.insuredInfoAddress.permDistrict){
          this.insuredInfoAddress.permSubDistrict = ""
        }
      },
  },