element-ui dialog open回调函数

今天在写弹框的时候用到的dialog，发现从页面传过来的值在mounted函数中没有执行，就看到了这个open回调函数。
官网链接：https://element.eleme.cn/#/zh-CN/component/dialog#events

其实使用是很简单的值需要在dialog组件中绑定open事件

<el-dialog
      title="质检结果"
      :visible.sync="dragVisible"
      width="35%"
      :before-close="handleClose"
      @open="open()"
      @close="close()"
    >

methods中书写方法，以及逻辑关系

open() {
      this.qcStatus = 2
      this.formValue.qc_result = 1
      // 去除显示数据后表单验证
if (this.qcStatus == 3 || this.qcStatus == 2) {
        delete this.rules.qc_result
        delete this.rules.is_case
        delete this.rules.qc_result_desc
      } else if (this.qcStatus == 4) {
        delete this.rules.qc_result
        delete this.rules.is_case
        delete this.rules.qc_result_desc
        delete this.rules.qc_apel_reason
      } else if (this.qcStatus == 5) {
        delete this.rules
      }
      this.getQcDetail()
    },

就是name简单记录一下
本文链接：点击
博主个人小博客：嘿嘿