element-ui 增减表单的验证

最新推荐文章于 2023-01-30 18:27:14 发布

红孩儿2011

最新推荐文章于 2023-01-30 18:27:14 发布

阅读量131

点赞数

文章标签： element-ui 增减表单的校验

本文链接：https://blog.csdn.net/qq_26642611/article/details/103366926

版权

<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  ， 校验规则直接写在代码里