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' } ] }
分类:
vue
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通