欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

element-ui 增减表单的验证

程序员文章站 2024-03-14 19:50:11
...
<div v-for="(item, index) in ruleFormTwo.rights">
 <el-form-item label="跳转小程序:"  
               :prop="'rights.' + index + '.targetAppsettingName'"
               :rules="{ required: true, message: '请选择小程序!', trigger: 'change' }">
              <el-input
                class="p-inputCount"
                style="width: 330px;"
                :disabled="true"
                v-model="item.targetAppsettingName"
              >
              </el-input>
              <el-button plain class="ml-10"  @click="showMpList" style="padding: 12px 15px;">选择</el-button>
</el-form-item>  
</div>
注意:
1、用v-for循环
2、用:prop  而不是prop ,注意:prop里的写法
3、v-model="item.targetAppsettingName"   
4、用:rules  , 校验规则直接写在代码里