沙漠-北极熊 2021-10-29 22:48 采纳率: 71.4%
浏览 55
已结题

关于elementui select实现动态列+动态下拉的问题!

这是工作上遇到的一个问题,困扰了一周没解决。
需求:在table表格中需要动态的新增列并正确展示数据,并且动态列要实现下拉可多选。
当时没意识到这个需求这么复杂。
动态添加列并正确展示数据这个好办,直接读取后台接口数据即可,多选也可以通过mutiple解决,现在难点是如何实现每个动态列独立的下拉。
问题如图:

img

img


当时查了下百度,一度认为scope.row.(动态列数据)的方法不错,但最终依然无法识别动态列,和动态下拉选项.
因此现在有几个难点:
1.如果用循环动态添加列的话,那么每个动态列的v-model该如何动态绑定?(动态列数据后台返回),这是第一个难点,如上图所示,如果用循环添加的话,v-model该如何绑定,因为后台返回的数据是:该列的id:['123','456']这种,即每列的id不同,v-model也需要动态的识别绑定,不然会出现改一个选项,其余动态列的选项都会一起改变.
2.动态列的下拉选项如何处理?当时的想法是后台直接将下拉选项数据放在返回值中,然后通过scope.row来读取,但后来发现不知道怎么能对应上。然后又试了如果动态列的下拉选项全部放在另外一个接口中,可还是不知道怎么对应上.
3.如果走循环的话,动态列的v-model,下拉选项该如何一一对应上?

思考:一开始真的没意识到双动态这么难实现,导致这个问题困扰了一周都没解决.由于关乎着工作上的原因,如果有优质回答,可以追加悬赏。

  • 写回答

1条回答 默认 最新

  • tonyzhangcn 2021-10-30 06:46
    关注

    在data里边定义一个对象drop_down_obj={},然后在获取table的list数据的同时初始化这个drop_down_obj,其key是你说的每行的id,其值可以是”“,也可以是你想要的其他初始值。然后在table渲染的时候每行下拉框的v-model绑定到drop_down_obj['某个id']呢?

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 11月8日
  • 已采纳回答 10月31日
  • 创建了问题 10月29日

悬赏问题

  • ¥15 PointNet++的onnx模型只能使用一次
  • ¥20 西南科技大学数字信号处理
  • ¥15 有两个非常“自以为是”烦人的问题急期待大家解决!
  • ¥30 STM32 INMP441无法读取数据
  • ¥15 R语言绘制密度图,一个密度曲线内fill不同颜色如何实现
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥500 把面具戴到人脸上,请大家贡献智慧,别用大模型回答,大模型的答案没啥用
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面,不要作在线的,要离线状态。