Vue与elementUI表单嵌套表格实现每一项表单验证

前言:有时候表单会要已表格的样式布局,实现表格里每一项表单的验证,其实关键在于表单项设置prop,绑定输入框的model值,这个model值来自于表格的数据返回(scope.row.数据值)

如果不需要进行表单验证,就不需要在外面包裹 

表格知识:

如果后台返回字段是你需要的可以直接使用表格项prop对应

prop="date" label="日期" width="180">

如果需要自定义后台返回的字段拼接,可以用:

 

       

     

scope.$index:表格当前项索引,

scope.row:表格当前项数据对象

操作tabledata数组可以在表格中拿到<

你可能感兴趣的:(项目经验总结,vue.js,前端,javascript)