养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

ant-design vue中支持table选中行事件

时间:2024-10-09 11:25:49

an隋茚粟胫t-designvue的API和Element,iview差异比较大,所以操作复杂事件往往区别比较大,这里记录table中选中当前行的实际代码。

工具/原料

vscode

ant-designvue

方法/步骤

1、首先在data()函数中定义rowSelect对象,这里重点是需要有selectedRowKeys对象

ant-design vue中支持table选中行事件

2、method中定义onchange()函数和onClickRow()这两个名字都可以随便起名

ant-design vue中支持table选中行事件

3、在table组件中使用就可以了

ant-design vue中支持table选中行事件

4、第二个函数起名onCustomRow更合理,这里只定义了click事件,也可以支持点击、双略居承柘击、右键菜单、鼠标进入、鼠标滑出

ant-design vue中支持table选中行事件

5、实际上就是增加了customerRow属性,增加Click事件共同操作rowSelection对象。

© 一点知识