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.

Menu