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

我们知道，在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>

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

 

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