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

 

 

posted @ 2019-12-08 18:12  纯白棒球帽  阅读(747)  评论(0编辑  收藏  举报