vue中v-for循环时增加校验

html:

复制代码
        <el-form-item v-if="['1','2'].includes(form.themeType)" label="文案">
          <div class="picTopic">
            <template v-if="form.contentList.length!==0">
              <el-col v-for="(item,index) in form.contentList" :key="index" :span="6">
                <div class="picTopicInput">
                  <el-form-item :prop="'contentList.'+index+'.copywritingContent'" :rules="formRules.copywritingContent">
                    <el-input
                      v-model="item.copywritingContent"
                      type="textarea"
                      :rows="3"
                      resize="none"
                      placeholder="请输入文案,限制在250字以内"
                    />
                  </el-form-item>
                  <i class="el-icon-circle-close" @click="picTopicDelete(item)" />
                </div>
              </el-col>
            </template>
            <el-col :span="2" :offset="1">
              <el-button icon="el-icon-plus" @click="picTopicAdd" />
            </el-col>
          </div>
        </el-form-item>
复制代码

js: 

复制代码
    formRules: {       
        copywritingContent: [
          {
            min: 1,
            max: 250,
            message: '文案长度不能超过250个汉字字符!',
            trigger: 'blur'
          }
        ]
    }
复制代码

 

posted @   勤勤恳恳小码农  阅读(412)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示