父子页面组件监听刷新问题（两种情况）

应用场景：子页面是是父页面的弹框页面，点击触发，仅限于我最近遇到的情况，有类似可以参考

两种情况：1.父页面监听子页面的操作，2.子页面监听父页面的操作

第一种情况：父页面监听子页面的操作

子页面：在关闭弹框的地方添加这句代码

this.$emit('dialog-closed');

父页面：在引用子组件的地方写，就是子页面点击关闭弹框就会触发这个刷新列表的方法

 <people ref="shenhe"  @dialog-closed="refreshTableData" />

 refreshTableData() {
      this.onLoad(this.page);  //获取列表的方法
},

第二种情况：子页面监听父页面的操作

一般当中点击会传递的id不一样，这样的话只需要在子组件添加watch监听

 watch: {
    'rowData.id': function (newVal, oldVal) {  //rowData.id这个是我保存父组件传过来的参数名
      if (newVal !== oldVal) {
        this.onLoad(this.page);  //更新子组件列表方法
      }
    },
  },