组件系列

1，dialog
template

<el-button @click="OpenXxx"></button>
<el-dialog title="写"
         :visible.sync="XxxVisible"
          width="60%"
          modal
          :before-close="xxxDialogClose">
        <XXX:dialogForm="xxxDialogData" @xxxTransferEvent="xxxTransferEvent"></XXX>
 </el-dialog>

data

data(){
    return{
       XxxVisible: false,
       XxxDialogData: {},
       }
       }

methods

methods:{
     xxxDialogClose(){
            this.XxxVisible= false;
             this.XxxDialogData= {};
     }
     OpenXxx(){
          this.XxxVisible= true;
          this.XxxDialogData= this.currentRow;
     }
     xxxTransferEvent(msg){
           if(msg === 'cancel'){
                this.XxxVisible= false;
                this.XxxDialogData= {};
           }else{
                   this.XxxVisible= false;
                   this.XxxDialogData= {};
          }
      }
}