您的位置:首页 > 产品设计 > UI/UE

elementui中的el-table中拼接两个列表字段

2019-10-17 08:35 3995 查看

我们知道,在ElementUI中我们是使用下面的语法来展示列表字段的:

<el-table :data="yanggbs" stripe style="width: 100%">
<el-table-column prop="yanggb1" label="yanggb1" width="180" />
</el-table>

但是有的时候我们可能想要将多个字段拼接在一个表格列中,这时候就需要借助template标签来实现。

<el-table :data="yanggbs" stripe style="width: 100%">
<el-table-column prop="yanggb1" label="yanggb1" width="180">
<template slot-scope="scope">
{{scope.row.yanggb1}}{{scope.row.yanggb2}}
</template>
</el-table-column>
</el-table>

在上面的例子中就完成了拼接两个列表字段的操作,我相信聪明的你一看就能看懂。

 

"小时候我们词不达意,长大了我们言不由衷。"

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: