鱼塘码农

菜鸟学习记录
鱼海无涯

Ant Design Vue table 表格插槽点击事件

columns内:

{
  title: '员工姓名',
  dataIndex: 'name',
  key: 'name',
  width: 40,
  align: 'center',
  scopedSlots: { customRender: 'description' }, // 关联插槽的 slot
},

表格内:

<a
  slot="descriptio"  // 关联columns里的字段 customRender
  slot-scope="text, record"  // record 代表此行数据
  @click="Rowclick(record)"  // 传给点击事件
>
  {{ text }}
</a>

点击方法:

Rowclick(record) {
  this.staffCardId = record.cardId;
},

QQ截图20201201104032.jpg

文章内容可能来自网络,纯为学习使用,若有侵权,请联系我删除 | 当前页面:鱼塘码农 » Ant Design Vue table 表格插槽点击事件

评论