Ant Design Vue 使用 a-table 的时候,指定列的时候,可以使用

{

  title: 'Action',
  key: 'action',
  slots: {
    customRender: 'action',
  },
},

其中的 slots 是什么用法?


在 Ant Design Vue 中,a-tablecolumns 属性用于指定表格的列信息。而 slots 属性可以让我们在表格的某些列中插入自定义的内容。具体来说,slots 属性用于指定特定列的插槽名,以及与该插槽名相关联的自定义渲染函数。

在你提供的代码中,slots 属性的作用是指定 customRender 插槽名,并将其关联到名为 action 的自定义渲染函数。这样,当 Ant Design Vue 渲染表格时,会自动调用该函数并将表格中当前行的数据作为参数传入,最终生成该列对应的内容。在这个例子中, action 列中的内容就是自定义渲染函数 customRender 返回的内容。

需要注意的是,在使用 slots 属性时,需要在模板中使用对应的插槽标签(如 template #customRender)来定义自定义渲染函数的内容。


universe_king
3.4k 声望680 粉丝