【vue+elementUI】表格列展示顺序错乱
发布时间
阅读量：
阅读量
element-ui 中的 el-table表格
el-table-column列展示排序不是代码顺序，刷新顺序改变（排序错乱）
解决
利用 key=“1”
代码
<el-table
show-overflow-tooltip="true"
:data="tableData"
tooltip-effect="dark"
v-loading="tableLoading"
:header-cell-style="{background:'#EFF3F8',color:'#606266'}">
<el-table-column label="转前受理人" key="1">
<template slot-scope="scope">
{{scope.row.beforeAccountName || '未完善'}}
</template>
</el-table-column>
<el-table-column label="转办类型" key="2">
<template slot-scope="scope">
{{$util.matchTypes(scope.row.complaintType, $store.state.dictionary.consult.complaintType).label}}
</template>
</el-table-column>
<el-table-column label="转办原因" key="3">
<template slot-scope="scope">
{{scope.row.complaintCause || '未完善'}}
</template>
</el-table-column>
<el-table-column label="申请时间" key="4">
<template slot-scope="scope">
{{scope.row.complaintDate | formatDate}}
</template>
</el-table-column>
</el-table>展示
全部评论 (0)
还没有任何评论哟~