antd vue table组件 怎么放插槽?

97 阅读1分钟

首先在columns里面配置

const columns = [
  {
    title: '任务名称',
    dataIndex: 'name',
    key: 'name',
    slots: { customRender: 'name' }, // 重点是这里
  },
]

然后在a-table里面这样写

// #后面写对应customRender属性的值,这样就可以匹配上作用域插槽了
<template #name="{ record }">
   <div>
      <svg-icon :size="16" name="aMiW" />
      <a @click="goUsage(record)">{{ record.name }}</a>
   </div>
</template>