Element-ui dynamic addition and subtraction of form item form validation

<el-form-item
    v-for="(domain, index) in dynamicValidateForm.domains"
    :label=""" + index"
    :key="domain.key"
    :prop=""domains." + index + ".value""
    :rules="{
      required: true, message: "", trigger: "blur"
    }"
  >
    <el-input v-model="domain.value"></el-input><el-button @click.prevent="removeDomain(domain)"></el-button>
  </el-form-item>

doubts:

:prop=""domains." + index + ".value""

Why is" domains.+index+.value" instead of "dynamicValidateForm.domains+index+.value" or" domain.value"?

in prop?

example, please run three comments

Dec.15,2021


prop   Form  model    string

  <el-form :model="dynamicValidateForm">  
'dynamicValidateForm.domains.'+index+'.value' 
 dynamicValidateForm.dynamicValidateForm.domains[0].value  
 
domain.value   ''    model


:prop='`domains[${index}].value`'

dynamicValidateForm.domains[0].value  

Why does no one answer?


I also struggle with this place. I understand: the data specified by prop should be the same as that in v-model, because I have to judge, but I still haven't solved it all day.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1eae0d3-46ee7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1eae0d3-46ee7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?