for循环使用element的折叠面板遇到的问题-3
需求:for循环渲染上去的表单怎么使用element的表单校验
之前做这个的时候,死活绑不上去,不知道哪里出了问题,后来解决办法是prop要注意用拼接,使它和索引的变量一致
<el-form-item label="name" :prop="'textShow.'+index+'.name'" :rules="textRuer.textData"> <el-input v-model="item.name" type="text" size="small" ></el-input> </el-form-item> textRuer: { textData: [{required: true, message: '请填写商品数量', trigger: 'blur'}]] }
主要还是注意 是 :prop 是拼接的变量,否则绑定不上