vue computed+watch监听数据变化

衰神不衰

于 2021-03-09 11:25:58 发布

阅读量433

点赞数

分类专栏： vue 文章标签： javascript vue.js

本文链接：https://blog.youkuaiyun.com/qq_37914074/article/details/114578649

版权

vue 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个使用Vue.js的computed属性和watch监听器结合的方法来监听数据变化的具体实现案例。通过这种方式，可以实现在数据发生变化时执行特定操作，例如重新加载列表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue computed+watch监听数据变化

data(){
return{
 listQuery: {
        QueryInfo: null,
        PageNo: 1,
        PageSize: 50
      },
}
}
  computed: {
    QueryInfo: function() {
      return this.listQuery.QueryInfo
    }
  },
  watch: {
    QueryInfo: function(val) {
      // 这里函数
      if (val === '') {
        this.getList()
      }
    }
  },

直接用computed+watch监听