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