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

Posted 9852zl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于vue项目中表格所遇到的问题相关的知识,希望对你有一定的参考价值。

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

技术图片

 

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

技术图片

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

技术图片

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

 技术图片

 

以上是关于关于vue项目中表格所遇到的问题的主要内容,如果未能解决你的问题,请参考以下文章

小白研究项目部署-关于vue项目部署遇到的一些问题

关于使用vue搭建前后端分离的项目,部署过程遇到的问题

关于vue生命周期遇到的坑???

关于vue生命周期遇到的坑???

iview+vue 使用中遇到的问题(表格selectradio)

vue项目中 解决分页时遇到的坑!