当前位置:   article > 正文

el-table中el-select(多选)嵌套使用_el-table select

el-table select

1. 描述使用

项目中使用element-ui的el-table组件,在el-table表格中使用el-select多选

在这里插入图片描述

2.遇到问题

官网中使用如下:v-model绑定的是data的一个变量,但是在表格中使用,会导致选择每一行的数据是同步的,完全一样;

在这里插入图片描述

3.解决问题

el-select的v-model绑定到每个行scope.row上面;每行独立显示,互不影响;

在这里插入图片描述

4.问题补充(二)

el-select多选:下发配置与回显保持一致;
下发配置:使用@change=”“事件(如上图);事件传参(scope.row),使用scope.row.column获取已选项并且给后端传参;
刷新界面回显:el-select的v-model绑定scope.row.column时已经指定回显

在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/114875
推荐阅读
相关标签
  

闽ICP备14008679号