[JavaScript知识库]vue组件拼接两个字段的数据并显示

使用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
>

拼接之后显示的数据就是：班级(小组)，这样就可以将之前的两列数据显示成一列数据。