vue+element 弹窗子组件的数据重新渲染

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/sinat_36146776/article/details/83115248

 element的弹窗是用display来控制的，dom元素只是被隐藏掉了，但是我想每次打开弹窗，使得弹窗内显示不同的值（弹窗数据通过HTTP请求获得）

弹窗子组件使用
<approval-detail-dialog
    ref="detailDialog"
    :dialogTableVisible="dialogTableVisible">
</approval-detail-dialog>

table中打开弹窗代码

<el-button size="small" type="info" icon="el-icon-view" circle title="show approval detail modal"
           @click="openDialogTable(scope.row)"></el-button>

// 打开弹窗
openDialogTable(_row) {
  this.dialogTableVisible = true;
  this.$refs.detailDialog.loadDialogData(_row.relatedToId);
},

弹窗子组件中的方法

methods: {
loadDialogData(id){
  .....//对弹窗数据进行初始化
}
}