首页 > 其他 > 详细

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

时间:2020-07-19 17:47:30      阅读:236      评论:0      收藏:0      [点我收藏+]

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

原用法是:

原以为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

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

原文:https://www.cnblogs.com/aurora-ql/p/13339403.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!