element 表格的筛选控件用与不用,用的场景

目前需求:表格多层状态筛选,且需要分页,需要根据查询条件导出

实验多次:分页情况下可以进行全局筛选;借用链接:https://blog.csdn.net/wh13267207590/article/details/90597967

然后具体逻辑

    let data = []
       let key = Object.keys(filters)
     console.log("filter-->",filters,key,filters[key])
    this.inittableDate.filter(item =>{
    filters[key].forEach(ele=>{
               
    if(item[key] == ele){
       data.push(item)
     }
    })
             
    })
     console.log("this.tableData",data)
    this.inittableDate = this.inittableDate

三个数组:inittableDatecopy ---存放所有数据;inittableDate中间转换用的;tableData:存放分页截取,页面内展示的数据

基本情况就是这样,本来以为可以,但是一到一般突然发现如果多层筛选的话,重置不知道具体的筛选;比方说我先选择的状态是“开启”,再选择时间是“”2015年“”,再选择类型“家”,一级一级下去是可以实现的,但是此刻我再次选择状态为关闭,就需要我重置了,但是我以什么条件怎么判定当前情况为重置呢?,思绪还是不清楚,第二次遇到这个问题了,如果有答案的小伙伴可以随时沟通

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Element 是一个基于 Vue.js 的开源组件库,提供了丰富的可复用的 UI 组件,其中包括了可编辑表格封装控件Element 的可编辑表格封装控件非常方便实用。首先,它提供了一个表格组件,可以在其中显示和编辑数据。用户可以自定义表格的列数和行数,以及每列的数据类型和样式。通过设置相应的属性和方法,可以实现单元格的编辑、增加、删除以及排序等操作。 除了基本的增删改查功能,Element 的可编辑表格封装控件还提供了其他实用的功能。例如,它支持行拖拽排序,可以按照指定的列对表格进行排序,还可以进行合并单元格等操作。同时,用户可以自定义表格的样式,包括表头的样式、每行每列的样式,以及单元格的验证规则等。这样,用户可以根据自己的需求,灵活地设计和使用可编辑表格。 另外,Element 的可编辑表格封装控件还支持表格的数据导出和导入。用户可以将表格中的数据导出为 Excel、CSV 等格式,方便进行数据的备份和共享。同时,用户也可以选择从 Excel、CSV 等文件中导入数据到表格中,提高了数据的导入效率。 总的来说,Element 的可编辑表格封装控件非常强大和实用。它提供了丰富的功能和灵活的配置选项,可以满足各种不同场景和需求的使用。无论是用于数据展示还是数据编辑,Element 的可编辑表格封装控件都能够提供便捷和高效的解决方案。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值