ant design vue 的表格设计中添加一列操作列用于放“删除”按钮咋整啊?官方的实例看不懂啊

2020-08-08 22:33:10 +08:00
 Newyorkcity

slots 使用 columns 时,可以通过该属性配置支持 slot 的属性,如 slots: { filterIcon: 'XXX'}

scopedSlots 使用 columns 时,可以通过该属性配置支持 slot-scope 的属性,如 scopedSlots: { customRender: 'XXX'}

没看懂这两个介绍啥意思。。。

第一个例子里有操作列,看源代码看不明白其中的对应关系。

谢谢

1939 次点击
所在节点    问与答
3 条回复
morize
2020-08-08 23:40:59 +08:00
columns = [{
title: '操作',
scopedSlots: { customRender: 'operation' }
}]

<a-table>
<template #operation="record">
morize
2020-08-08 23:43:11 +08:00
没搞好直接发出去了,就是 column 里定义一个 scopedSlots 名称,Table 里用对应的 slot 填要的内容。
接着上面的代码
<a>操作</a>
</template>
<a-table>
gouflv
2020-08-08 23:54:03 +08:00
虽然把 vue 的模版玩出花了,但是还是不如 react

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/696765

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX