vue父子页面传值问题

父 :

   
        确 定
        取 消

//拒绝认领
refuseClaim(row) {
  this.reasonId = row.id
  this.typs = row.type;
  this.showRefuseClaimIndex = true
  if (this.showRefuseClaimIndex) {
    setTimeout(() => {
      this.$refs.refuseClaimIndex.openDialog(row.type)
    }, 300)
  }
},

子:

  
    
  
  
    

  

  
    

  

props: {
  reasonId: '',
  types: null
},
data() {
  return {
    dialogVisible: false,
    dlPd:false,
    ygPd:false,
    ruleForm: {
      reason: '',
      zglszllnum: 0,
    },
    id: '',
    rules: {
      reason: [
        {required: true, message: '请填写原因', trigger: 'blur'}
      ],
      zglszllnum: [
        {required: true, message: '请填写实际载流量/功率', trigger: 'blur'}
      ]
    }
  };
},

changeType(){
  //判断电流还是
    if (this.types ==0){
      //显示电流
      this.dlPd = true
      this.ygPd = false
    }else if (this.types ==1){
      //显示有功
      this.dlPd = false
      this.ygPd = true
    }
},
openDialog(data) {
  alert(data)
  this.dialogVisible = true;
  this.changeType();
},

方法二:

  

  
  
  
  

//拒绝认领
refuseClaim(row) {
  this.reasonId = row.id
  this.formLabel = row.type==0?'实际电流':'实际功率'
  this.showRefuseClaimIndex = true
  if (this.showRefuseClaimIndex) {
    setTimeout(() => {
      this.$refs.refuseClaimIndex.openDialog()
    }, 300)
  }
},

props: {
  reasonId: '',
  formLabel: '',
},

openDialog() {
  this.dialogVisible = true;
},