数据表格如何控制单选

nihaoweixiao

数据表格如何在有checkbox的情况下 控制单选  （如果能点击行的时候自动勾选最好）

并拿到该行的值

admin已获得悬赏 300 威望

最佳答案

其实也很简单，拿到el-table组件实例，然后调用el-table组件的相关方法就欧了。 this.getWidgetRef('数据表格唯一名称').getNativeTable() 具体参见el-table组件详细文档： https://element.eleme.cn/#/zh-CN/compo ...

• admin
• 发表于2023-03-29
• 详细答案 >

admin

这个需要一丢丢技巧，稍等片刻。

nihaoweixiao

admin 发表于 2023-3-29 16:17
这个需要一丢丢技巧，稍等片刻。

好～好～好～好～好～好～好～好～好～好～

admin

其实也很简单，拿到el-table组件实例，然后调用el-table组件的相关方法就欧了。
this.getWidgetRef('数据表格唯一名称').getNativeTable()

具体参见el-table组件详细文档：
https://element.eleme.cn/#/zh-CN/component/table

https://element-plus.gitee.io/zh-CN/component/table.html

nihaoweixiao

admin 发表于 2023-3-29 16:33
其实也很简单，拿到el-table组件实例，然后调用el-table组件的相关方法就欧了。
this.getWidgetRef('数据表 ...

Uncaught (in promise) TypeError: this.getWidgetRef(...).getNativeTable is not a function



this.getWidgetRef('userTable').getNativeTable.toggleRowSelection(res[0])
报错

admin

nihaoweixiao 发表于 2023-3-29 17:02
Uncaught (in promise) TypeError: this.getWidgetRef(...).getNativeTable is not a function

getNativeTable要加括号()，最新版本VForm源码才支持。

wangxu

好～好～好～好～好～好～好～好～好～好～

wangxu

admin 发表于 2023-3-29 16:33
其实也很简单，拿到el-table组件实例，然后调用el-table组件的相关方法就欧了。
this.getWidgetRef('数据表 ...

admin 发表于 2023-3-29 16:33
其实也很简单，拿到el-table组件实例，然后调用el-table组件的相关方法就欧了。
this.getWidgetRef('数据表 ...

Uncaught (in promise) TypeError: this.getWidgetRef(...).getNativeTable is not a function



this.getWidgetRef('userTable').getNativeTable.toggleRowSelection(res[0])

admin

2.3.8和3.1.8以上版本才有新增的getNativeTable()方法。