ElementUI中 el-table-column 显示的数据为多个返回数据的拼接

遇到个问题就是其中有个要展示的数据来自接口返回的两个字段。

原用法是：

原以为prop=" "中只能放一个字段的数据,想放两个字段数据的话，要把 <el-table-column></<el-table-column> 标签再用 <template></template> 标签包裹才行如下：

<el-table :data="projNameOrCodeMenuList" class="parentNode"  @row-click="chooseParentNode">
  <el-table-column  class="parentNodeColumn" prop="projectName,projectCode" label="项目名称(代码)"  width="300">
      // 使用作用域插槽，可以获取这一行返回的数据
    <template slot-scope="scope"> {{scope.row.projectName}}{{scope.row.projectCode}} </template>
  </el-table-column>
</el-table>

如上述代码即可实现功能，主要使用作用域插槽来实现这一需求的。

本文转自：https://blog.csdn.net/L_WalkingPig/article/details/88725159