element 表单给一个动态数组里的子元素添加验证规则

最新推荐文章于 2024-03-27 17:43:55 发布

偷一只猪ma

最新推荐文章于 2024-03-27 17:43:55 发布

阅读量347

点赞数

分类专栏： vue 文章标签： vue.js elementui

本文链接：https://blog.youkuaiyun.com/weixin_49392771/article/details/127390893

版权

vue 专栏收录该内容

14 篇文章

订阅专栏

这段内容描述了如何在前端界面中配置小费人数，使用了`el-row`和`el-col`组件来布局，并结合`el-form-item`和`el-input`进行输入验证，设置了占位符和前置标签，显示和禁用功能根据当前设置动态调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-row v-for="(item,index) in currentTipSetting.gratuities" :key="index">
            <el-col :span="11">
              <el-form-item :prop="'gratuities.'+index+'.gratuityNumber'" :rules="gratuityAndTaxRules.gratuityNumber">
                <el-input :disabled="!currentTipSetting.isGratuityEnabled"
                          v-model="item.gratuityNumber" class="common-input"
                          :placeholder="$t('placeHolder.setupGratuityPeopleCount')">
                  <span slot="prepend" style="color: #303133;">{{ $t('text.setupGratuityPeople') }}</span>
                </el-input>
              </el-form-item>
            </el-col>
<el-row>