关于前端:antdv坑-table组件-slot无效

10次阅读

共计 324 个字符,预计需要花费 1 分钟才能阅读完成。

仿照官网文档第一个例子写了一下,发现没有失效,排查了半天,发现是:
column 各属性如果同时定义了属性自身和其对应的 slot 属性的话,则优先失效属性自身,因而 slot 属性有效

<a-table :columns="columns">
    <template slot="titleFill"> - a 名称 - </template>
</a-table>

const columns = [{
    title: '名称',
    key: 'name',
    dataIndex: 'name',
    slots: {title: 'titleFill'}, // 此时 titleFill 不失效,表头还是会展现“名称”,而不是 "- a 名称 -"
    scopedSlots: {customRender: 'nameFill'}
}]
正文完
 0