码迷,mamicode.com
首页 > 其他好文 > 详细

关于vue项目中表格所遇到的问题

时间:2019-05-25 12:59:54      阅读:260      评论:0      收藏:0      [点我收藏+]

标签:data   table   http   技术   dex   mic   声明变量   图片   添加   

1.如下图新增数据时可以批量添加,点击新增时会增加一行。需要对表单进行表达验证。

技术图片

 

 解决方法:在声明变量时将table绑定的数据写在表单绑定的数据中

技术图片

写样式的时候在表单中嵌套表格,表单绑定insertForm,表格绑定insertForm.tableData

技术图片

表单元素绑定的值是固定的,(字符串)表格绑定的变量和‘.’,我这里是tableData,之后是scope.$index,最后拼接(字符串)‘.’和这一列所绑定的值,我这里是genId,所以我这边最终绑定的值就是‘tableData.’ + scope.$index + ‘.genId’,然后就可以使用表单的属性rules进行表达校验了。

 技术图片

 

关于vue项目中表格所遇到的问题

标签:data   table   http   技术   dex   mic   声明变量   图片   添加   

原文地址:https://www.cnblogs.com/9852zl/p/10921978.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!