首先在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>