vue watch监听对象及对应值的变化，监听触发一次

最新推荐文章于 2025-04-21 21:15:00 发布

原创最新推荐文章于 2025-04-21 21:15:00 发布 · 8.2k 阅读

5 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue #watch

收录于

笔记同时被 2 个专栏收录

26 篇文章

订阅专栏

vue

7 篇文章

订阅专栏

本文详细介绍了在Vue.js框架中如何利用watch特性来监听表单元素的变化，包括如何配置immediate和deep选项以实现更精细的控制。通过实例展示了如何在表单值改变时触发函数，进行数据获取和图表更新。

watch: {
  form: {
    handler(val, oldVal){
      console.log(val.type)
      if (val.type === 'customize') {
        return
      }
      this.getData() // 获取数据
      this.chart.resize() // echarts resize
    },
    immediate: true,
    // deep: true
  }
}