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 是拼接的变量,否则绑定不上

原文地址:https://www.cnblogs.com/yanyanliu/p/12006565.html