这是工作上遇到的一个问题,困扰了一周没解决。
需求:在table表格中需要动态的新增列并正确展示数据,并且动态列要实现下拉可多选。
当时没意识到这个需求这么复杂。
动态添加列并正确展示数据这个好办,直接读取后台接口数据即可,多选也可以通过mutiple解决,现在难点是如何实现每个动态列独立的下拉。
问题如图:
当时查了下百度,一度认为scope.row.(动态列数据)的方法不错,但最终依然无法识别动态列,和动态下拉选项.
因此现在有几个难点:
1.如果用循环动态添加列的话,那么每个动态列的v-model该如何动态绑定?(动态列数据后台返回),这是第一个难点,如上图所示,如果用循环添加的话,v-model该如何绑定,因为后台返回的数据是:该列的id:['123','456']这种,即每列的id不同,v-model也需要动态的识别绑定,不然会出现改一个选项,其余动态列的选项都会一起改变.
2.动态列的下拉选项如何处理?当时的想法是后台直接将下拉选项数据放在返回值中,然后通过scope.row来读取,但后来发现不知道怎么能对应上。然后又试了如果动态列的下拉选项全部放在另外一个接口中,可还是不知道怎么对应上.
3.如果走循环的话,动态列的v-model,下拉选项该如何一一对应上?
思考:一开始真的没意识到双动态这么难实现,导致这个问题困扰了一周都没解决.由于关乎着工作上的原因,如果有优质回答,可以追加悬赏。