V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
Newyorkcity
V2EX  ›  问与答

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

  •  
  •   Newyorkcity · 2020-08-08 22:33:10 +08:00 · 1935 次点击
    这是一个创建于 1384 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    谢谢

    3 条回复    2020-08-08 23:54:03 +08:00
    morize
        1
    morize  
       2020-08-08 23:40:59 +08:00   ❤️ 1
    columns = [{
    title: '操作',
    scopedSlots: { customRender: 'operation' }
    }]

    <a-table>
    <template #operation="record">
    morize
        2
    morize  
       2020-08-08 23:43:11 +08:00   ❤️ 1
    没搞好直接发出去了,就是 column 里定义一个 scopedSlots 名称,Table 里用对应的 slot 填要的内容。
    接着上面的代码
    <a>操作</a>
    </template>
    <a-table>
    gouflv
        3
    gouflv  
       2020-08-08 23:54:03 +08:00 via iPhone
    虽然把 vue 的模版玩出花了,但是还是不如 react
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2468 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 15:35 · PVG 23:35 · LAX 08:35 · JFK 11:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.