我们知道,在ElementUI中我们是使用下面的语法来展示列表字段的:
<el-table :data="yanggbs" stripe style=" 100%"> <el-table-column prop="yanggb1" label="yanggb1" width="180" /> </el-table>
但是有的时候我们可能想要将多个字段拼接在一个表格列中,这时候就需要借助template标签来实现。
<el-table :data="yanggbs" stripe style=" 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>
在上面的例子中就完成了拼接两个列表字段的操作,我相信聪明的你一看就能看懂。
"小时候我们词不达意,长大了我们言不由衷。"