element-ui循环验证表单时prop绑定方式

本文主要是介绍element-ui循环验证表单时prop绑定方式，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

循环绑定 prop 以及 rules验证的相关方式

      <div v-for="(item, index) in channelForm.typeList" :key="index"><div ><el-divider content-position="center"><span class="title-box">东方财富</span></el-divider><el-form-item class="mb10" label="话题" :prop="'typeList.' + index + '.contentTopic'":rules="[{ required: true, message: '请输入话题内容', trigger: 'blur' }]"><el-input size="small" v-model="channelForm.typeList[index].contentTopic" :disabled="isDisabled" clearable></el-input></el-form-item></div></div>          

typeList 是你循环的数组

index 是数组的下标

contentTopic 是数组中的单项

这篇关于element-ui循环验证表单时prop绑定方式的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---