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 @ 2022-04-28 09:18  勤勤恳恳小码农  阅读(428)  评论(0)    收藏  举报