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>

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

 

"小時候我們詞不達意，長大了我們言不由衷。"