定一条数据用: => slot-scope属性,再显示对应的数据
2024-10-19 14:57:11
通过
Scoped slot
可以获取到 row, column, $index 和 store(table 内部的状态管理)的数据:{{scope.row}} =>获取整行的数据
{{scope.$index}} => 行的下标
使用:
<el-table <el-table-column
<template slot-scope="scope">
{{ scope.row.userSex === 1 ? "男" : "女" }} </template>
/el-table-column>
/el-table>
2.只绑定一个数据,例如:sex:'女'
<ui-table-column prop="userSex" label="性别" width="80px" :formatte r="getSexType" show-overflow-tooltip> </ui-table-column>
再通过formatter属性来格式化数据(定义没有数据的显示内容)如下:
getSexType(row, column) { return sexType(row[column.property]) }
row[column.property] => 获取表格里数据
sexType => 定义的公共方法(逻辑)
最新文章
- java线程 - 多线程 - 守护线程
- 在Linux用libcurl.a在链接的时候出错
- ORA-00824:cannot set SGA_TARGET or MEMORY_TARGET due to existing internal settings
- 刷机(手机自带的recovery)
- 【转】PFILE和SPFILE介绍
- Laravel PHP Web开发框架
- .net 爬虫框架技术选型
- Android Weekly Notes Issue #283
- 导入Excel 文件(图片和文字)NPOI+BootStrap fileinput 插件 的结合使用
- UML2.0
- org.hibernate.hql.internal.ast.QuerySyntaxException: XXX is not mapped
- zeromq学习记录(八)负载均衡 附ZMQ_ROUTER的流程分析
- 01-go语言开始-HelloWorld
- springsource-tool-suite插件各个历史版本
- POJ1149_PIGS
- PHP中的魔术方法和关键字
- day4 作业计算器
- android手机有多个摄像头,打开其中一个
- Windows10 下安装配置IIS + MySQL5.7.19 + nginx1.12.1 + php7.1.7
- BridgePattern(23种设计模式之一)
热门文章
- lightoj 1382 - The Queue(树形dp)
- 树形动态规划 fjutoj-2131 第四集,聚集城市
- CF - 1110 C Meaningless Operations
- 牛客多校第六场 J Heritage of skywalkert 随即互质概率 nth_element(求最大多少项模板)
- Python远程连接MySQL数据库
- ReentrantReadWriteLock总结
- SpringBoot系列——Security + Layui实现一套权限管理后台模板
- 内部类实例化Serializable
- NUMA导致的MySQL服务器SWAP问题分析
- mysql数据库事务隔离原理