ElementUI中 el-table-column 顯示的數據爲多個返回數據的拼接

時間 2020-07-22

標籤 elementui table column 顯示數據多個返回拼接简体版

原文原文鏈接

遇到個問題就是其中有個要展現的數據來自接口返回的兩個字段。html

原用法是：.net

原覺得prop=" "中只能放一個字段的數據,想放兩個字段數據的話，要把 <el-table-column></<el-table-column> 標籤再用 <template></template> 標籤包裹才行以下：code

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

如上述代碼便可實現功能，主要使用做用域插槽來實現這一需求的。htm

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