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