element框架中表格的筛选功能使用说明(转载)
框架 功能 说明 转载 表格 Element 筛选 使用
2023-09-11 14:21:28 时间
一、element框架中表格的筛选功能使用说明
转载:https://blog.csdn.net/liangxhblog/article/details/80513030
在element ui 框架中,对于table框架,有一个筛选功能,使用方法如下:
1.在要筛选的标签中加:filters属性,它由一个或多个包含text、value值的对象组成的数组。
tableStatus: [{ text: '异常', value: '异常' },{ text: '正常', value: '正常' },{ text: '请假', value: '请假' },{ text: '打卡', value: '打卡' }]
2.如果要使用filter-change方法,就必须在筛选标签的位置里加column-key属性
<el-table-column label="状态" prop="status" column-key="status" :filters="tableStatus" align="center"> <template slot-scope="scope"> <span :class="{red: scope.row.status === '异常', blue: ((scope.row.status === '补打卡') || (scope.row.status === '请假'))}"> {{scope.row.status}} </span> </template> </el-table-column>
3.在table标签里加@filter-change事件,用于处理当筛选条件发生变化。
<el-table //htmlbu部分 :data="tableData" @filter-change="handleFilterChange" </el-table>
4.js部分
handleFilterChange(filters) {
console.log(filters);
console.log('筛选条件变化');
console.log(filters);
console.log('筛选条件变化');
//这里根据filters,请求新数据可以实现服务器端筛选。
}
}
注意 : prop 属性若不指定字段名称,筛选将无效。
相关文章
- 全面解读PHP的Yii框架中的日志功能
- JavaWeb_(Hibernate框架)使用Hibernate开发用户注册功能
- JavaWeb_(Struts2框架)Action中struts-default下result的各种转发类型
- MFC小型工具通用界面框架CLIST控件+右键菜单功能
- Java框架----SSH整合回顾
- iOS开发-常用第三方开源框架介绍(你了解的ios只是冰山一角)
- 最全三大框架整合(使用映射)——struts.xml和web.xml配置
- Android网络请求框架之Retrofit实践
- 技术/框架列表
- SSM:spring+springmvc+mybatis框架中的XML配置文件功能详细解释(转)
- scrapy框架使用-crawlspider类,rule的使用,翻页功能,
- Go语言web框架beego:脚手架bee的安装及创建beego项目
- [ASP.NET Core 3框架揭秘] 跨平台开发体验: Windows [上篇]
- .NET平台开源项目速览(13)机器学习组件Accord.NET框架功能介绍
- Atitit 验证码功能修复总结文档原有的tp5里面的验证码不知怎么有问题了,试图在tp5框架内修复无果。。使用了新的验证码组件 “lifei6671/php-captcha“: “0.
- NLP之Chatgpt:基于openai框架通过调用API接口实现Chatgpt的吊炸天功能的图文教程(基于python代码实现)、案例应用之详细攻略
- DL之Keras:基于Keras框架建立模型实现【预测】功能的简介、设计思路、案例分析、代码实现之详细攻略(经典,建议收藏)
- BigData之Hadoop:Hadoop框架(分布式系统基础架构)的简介(两大核心【HDFS存储和MapReduce计算】)、深入理解、下载、案例应用之详细攻略
- 什么是全场景AI计算框架MindSpore?
- vert.x框架-使用spring注解功能
- pytest接口自动化测试框架 | 执行失败跳转pdb
- RobotFramework功能自动化测试框架基础篇
- 十个值得一试的开源深度学习框架
- 多端统一框架Taro基础教程
- Appium自动化测试框架
- 滑动窗口类问题框架