爬坑日记--------vue之弹出框传值问题

在一个vue页面，进入另一个弹出框定义的vue（传入dialogStatus值）时，我遇到第一次进入弹出框页面dialogStatus值为空，第二次进入时值传过去了。

代码：

vue页面：

<el-dialog :title="textMap[dialogStatus]" size="large" :visible.sync="dialogFormVisible">
      <modify @closeStationDialog="closeStationDialog" :dialogStatus="dialogStatus" ref="modify"></modify>
</el-dialog>

export default {
   components: {
    'modify': () => import('./components/modify')
  },
  methods: {
      handleAdd(){
          this.dialogStatus = 'create';
          this.dialogFormVisible = true;
          console.log(this.$refs.modify);
          if (this.$refs.modify !== undefined) {
            this.$refs.modify.dialogStatus = this.dialogStatus;
          }
      }
   }
}<