自定义插槽formatter如何返回el-button

   <Table ref="tableRef" highlight-current-row>
        <!-- 请注意 #test 它是自定义的插槽名称 -->
        <template #operate>
            <!-- 在插槽内,您可以随意发挥,通常使用 el-table-column 组件 -->
            <el-table-column prop="id" label="操作" width="180" :formatter="authWithdrawal" />
        </template>
    </Table>


    const authWithdrawal = (row, column, cellValue: string) => {
if (row.status == 0) {
    return (
        <el-button size="mini" round>
            超小按钮
        </el-button>
    )
} else if (row.status == 1) {
    return '成功'
} else if (row.status == 2) {
    return '已退回'
}

}

1个回答默认排序 投票数排序
YANG001
YANG001
这家伙很懒,什么也没写~
9月前

看看el-table-column文档,它也有插槽,在里边写el-button

请先登录
0
1
0
1