用官网的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' }
}
]
注意最后两行
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/2194.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...