请选择 进入手机版 | 继续访问电脑版

数据表格如何控制单选

[复制链接]
查看: 1984   回复: 8     已解决

9

主题

6

回帖

2万

积分

论坛元老

Rank: 8Rank: 8

积分
21391
2023-3-29 16:00:33   显示全部楼层   阅读模式  
数据表格如何在有checkbox的情况下 控制单选  (如果能点击行的时候自动勾选最好)

并拿到该行的值
admin已获得悬赏 300 威望

最佳答案

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

使用道具 举报

7

主题

237

回帖

24万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
248453
2023-3-29 16:17:18   显示全部楼层  
这个需要一丢丢技巧,稍等片刻。
回复

使用道具 举报

9

主题

6

回帖

2万

积分

论坛元老

Rank: 8Rank: 8

积分
21391
nihaoweixiao (楼主)
2023-3-29 16:24:00   显示全部楼层  
admin 发表于 2023-3-29 16:17
这个需要一丢丢技巧,稍等片刻。

好~好~好~好~好~好~好~好~好~好~
回复

使用道具 举报

7

主题

237

回帖

24万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
248453
2023-3-29 16:33:07   显示全部楼层  
其实也很简单,拿到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
回复

使用道具 举报

9

主题

6

回帖

2万

积分

论坛元老

Rank: 8Rank: 8

积分
21391
nihaoweixiao (楼主)
2023-3-29 17:02:09   显示全部楼层  
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])
报错
回复

使用道具 举报

7

主题

237

回帖

24万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
248453
2023-3-29 18:49:25   来自手机   显示全部楼层  
nihaoweixiao 发表于 2023-3-29 17:02
Uncaught (in promise) TypeError: this.getWidgetRef(...).getNativeTable is not a function



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

使用道具 举报

0

主题

5

回帖

87

积分

注册会员

Rank: 2

积分
87
2023-3-29 19:53:41   显示全部楼层  
好~好~好~好~好~好~好~好~好~好~
回复

使用道具 举报

0

主题

5

回帖

87

积分

注册会员

Rank: 2

积分
87
2023-3-30 09:16:20   显示全部楼层  
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])
回复

使用道具 举报

7

主题

237

回帖

24万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
248453
2023-3-30 10:01:22   显示全部楼层  
2.3.8和3.1.8以上版本才有新增的getNativeTable()方法。
回复

使用道具 举报

您需要登录后才可以回帖   登录 注册账号

高级模式