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

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

{

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

其中的 slots 是什么用法？

---

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

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

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

vue.js