How to add form validation to the data rendered by v-for loop in form

<div v-for="item in exConfig " :key="item.exConfigKey" class="test-config-item">
              <el-form-item label="">{{item.exConfigName}}</el-form-item>
              <el-form-item label="">
                <el-input v-model="item.testExConfig[item.exConfigKey]" @change="testChange(item)" :maxlength="50"></el-input>
              </el-form-item>
             <el-form-item label="">
                 <el-input v-model="item.releaseExConfig[item.exConfigKey]" @change="releaseChange(item)" :maxlength="50"></el-input>
              </el-form-item> 
             </div>

HTML structure code
want to add form check required to the two input boxes under the test value and the official value, but: prop does not know what value to write.

Mar.14,2022

Vue form validation-input box looped out by v-for


clipboard.png
if element-ui can do this


you need to bind to the data key value in model , then create

model data to


. If you want to use elementui's form to validate, you have to follow its rules.

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-1b388ed-2c116.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-1b388ed-2c116.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?