vue深度监听

Vue组件状态监听与数据绑定

原创已于 2022-10-24 20:31:08 修改 · 882 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#1024程序员节

于 2019-03-15 15:18:42 首次发布

未分类专栏收录该内容

10 篇文章

订阅专栏

props: [
  'charHeightTop',
  'bindData'
],
computed:{
  ...mapState([
    'sysUser'
  ]),
  //选中的年份
  queryYear(){
    return this.bindData.queryYear
  },
  //是否为贫困人口
  povertyPeople(){
    return this.bindData.povertyPeople
  },
  //机构代码编号
  querySysCode(){
    return this.bindData.querySysCode
  },
  //区域代码编号
  queryAreaCode(){
    return this.bindData.queryAreaCode
  }
},

watch :{
  queryYear(){
    this.searchAjax();
    // console.log('年份发生了变化'+this.queryYear);
  },
  //是否为贫困人口
  povertyPeople(){
    this.searchAjax();
    // console.log('是否为贫困人口发生了变化'+this.povertyPeople);
  },
  //机构代码编号
  querySysCode(){
    this.searchAjax();
    // console.log('机构代码编号发生了变化'+this.querySysCode);
  },
  //区域代码编号
  queryAreaCode(){
    // console.log('区域代码编号发生了变化'+this.queryAreaCode);
    this.searchAjax();
  },
},