用官网的render 不知道怎么用
后面找到了这种土办法 先凑合用 等待大神提示
实现效果
页面组件部分
<a-table :row-selection="rowSelection" :columns="columns" :data-source="sourceData" @change="hello" >
<span slot="edit" slot-scope="edit">
<a-tag :key="edit" @click="editFn(edit)">编辑</a-tag>
</span>
<span slot="status" slot-scope="status">
<a-tag :key="status" >{
{ status==0?'否':'是' }}</a-tag>
</span>
</a-table>还有下面的columns数据部分
const columns = [
{
title: '部门',
dataIndex: 'deptName',
// sorter: (a, b) => a.deptName.length - b.deptName.length,
sorter: true
// sortDirections: ['descend']
},
{
title: '代码',
dataIndex: 'deptCode',
// sorter: (a, b) => a.deptCode.length - b.deptCode.length,
sorter: true
// sortDirections: ['descend']
},
{
title: '类型',
dataIndex: 'deptType',
// sorter: (a, b) => a.deptType.length - b.deptType.length,
sorter: true
// sortDirections: ['descend']
},
{
title: '父节点',
dataIndex: 'parent'
},
{
title: '排序',
dataIndex: 'sort',
// sorter: (a, b) => a.sort - b.sort,
sorter: true
// sortDirections: ['descend']
},
{
title: '状态',
dataIndex: 'status',
key: 'status',
scopedSlots: { customRender: 'status' }
},
{
title: '操作',
dataIndex: 'deptId',
scopedSlots: { customRender: 'edit' }
}
]注意最后两行
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/2194.html原文链接：https://javaforall.net
