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>
在上面的例子中就完成了拼接两个列表字段的操作,我相信聪明的你一看就能看懂。
"小时候我们词不达意,长大了我们言不由衷。"
相关文章推荐
- vue+elementui中的el-table中拼接接口返回的两个字段的数据并展示
- mysql 排序两个字段/列表先根据时间升序排序,时间相同再根据商家ID升序排序
- 对象左列表增加非对象关联表的字段,添加两个以上字段
- 表中的两个字段拼接到一起,做为查询条件
- 纯js对根据table中的两个字段对table进行去重操作(精华版)
- SQL查询结果把两个字段拼接到一起
- 用element-ui之el-form、el-table、el-pagination组件实现列表展示和查询条件的渲染
- 购物车二级列表的实现,在一级列表基础上,bean类里再添加两个字段(请求本地json数据)
- SQL 入门——如何将两个字段拼接为一个字段
- 获取SQL Table 的PK 字段列表
- mysql 如何把两个字段拼接起来
- 更新table1字段b的值为原值拼接table2的b字段的值
- delphi "设置数据表属性是,再字段编辑器(Fields Editor) 的Table Properties 下拉列表中",字段编辑器在哪里呀???
- sql 连接表的两个字段拼接成新字段 ,形成新字段插入
- 购物车二级列表的实现,在一级列表基础上,bean类里再添加两个字段(请求本地json数据)
- 两个字段拼接成字符串 转换成日期排序
- sql 两个表条件相同的字段拼接
- 基于elementUI的Vue 中 el-form 嵌套 el-table的写法
- ElementUI的el-table表头的全选事件与自动清空事件
- Lua - table 稀疏列表(Cannot serialise table: excessively sparse array)报错