使用vue的elementUI组件的el-table标签展示后端返回来的数据,要对其中的两个字段进行拼接显示。
拼接之前:
拼接之后:
<el-table-column
prop="className,teamId"
label="组织"
style="width: 10%"
sortable
>
<template slot-scope="scope">
{{ scope.row.className }}({{ scope.row.teamId }})
</template></el-table-column
>
拼接之后显示的数据就是:班级(小组),这样就可以将之前的两列数据显示成一列数据。