首页 > 其他分享 >VxeTable 列动态数据过滤 FilterContent

VxeTable 列动态数据过滤 FilterContent

时间:2023-08-05 15:55:41浏览次数:48  
标签:VxeTable FilterContent filter 过滤 tsx 动态数据 companyOptions

1、加入组件,并注册:下载官网实例将VxeTable的v4下的位置中的画框的几个都拷到自己的项目中,然后打开filter.tsx,

将组件的引用路径调整自己的项目一致,如果是一样就不改了。

这一步,要保证filter.tsx中引用到4个vue文件就可以。

 

 

2、引入到项目中,保证项目能读到filter.tsx,这样就可以保证上面的四个文件都会被识别到。 

3、使用很简单,只要在列中加入二行就可以自动显示到过滤列表中

 

 4、companyOptions的定义

const companyOptions = ref([{ data: { vals: [], sVal: '' } }]);

这个是固定的,companyOptions这个可以改。

 

具体的可以参考官网事例。以上只是FilterContent的简单用法。

 

标签:VxeTable,FilterContent,filter,过滤,tsx,动态数据,companyOptions
From: https://www.cnblogs.com/jiduoduo/p/17608039.html

相关文章

  • SpringBoot学习---第五篇:动态数据源(多数据源自动切换)
    目录一、应用场景二、准备工作2.1 创建数据表2.2添加依赖2.3生成bean、dao、mapper三、动态数据源3.1 配置文件application.properties3.2动态数据源核心代码3.3 启动类添加注解四、使用方法4.1Controller4.2Service五、测试六、Springboot2.0动态多数据源切换一、应用......
  • Django 之前端动态数据展示
    一、结合前端页面实现ORM对数据的增删改查1、修改和删除功能的逻辑'''修改功能的逻辑'''1、确定修改哪条记录,怎么确定?通过主键id确定唯一一条记录2、点击修改的按钮,应该跳转到一个修改的页面3、应该通过id查询到原来的数据,并且把这个记录的数据展示到修改的页面4、开始......
  • JeecgBoot轻松解决ERP项目复杂布局需求,JVXETable高性能表格效果和项目案例
    ERP项目表格布局一般都很复杂,要求大数据、高性能操作,这个用JeecgBoot如何解决呢?下边是我们之前服务过的一个应用行编辑的ERP项目,以强大的行编辑功能,让客户很满意,下面我们来看一下这个项目:1.客户需求每行数据可以实时编辑、自动保存,其他用户数据实时刷新并且有日历翻牌效果......
  • mybatis 动态数据源核心--AbstractRoutingDataSource
    1publicabstractclassAbstractRoutingDataSourceextendsAbstractDataSourceimplementsInitializingBean{2@Nullable3privateMap<Object,Object>targetDataSources;4@Nullable5privateObjectdefaultTargetDataSource;......
  • dw 的启动时初始化 动态数据源变成私有的 同时mq的监听要比bean后初始化,要么设置成懒
     将applicationContext里面获取到的bean添加到allrunner里面,进行 私有化部署数据源初始化 消费是优于一些bean,这个意思是消息消费注册的时候可能有一些bean还没有,所以等一会,消费者是先于一些bean的 Spring加载RocketMq消费者实例后会立即开始消费,不论Spring容器是否初......
  • 一种实现Spring动态数据源切换的方法
    1目标不在现有查询代码逻辑上做任何改动,实现dao维度的数据源切换(即表维度)2使用场景节约bdp的集群资源。接入新的宽表时,通常uat验证后就会停止集群释放资源,在对应的查询服务器uat环境时需要查询的是生产库的表数据(uat库表因为bdp实时任务停止,没有数据落入),只进行服务器配置文件......
  • c# 动态数据集合ObservableCollection
    WPF中对ListBox、ListView、TreeView等实现数据双向绑定经常会用到ObservableCollection<T>类。ObservableCollection<T>类表示一个动态数据集合,它是实现了INotifyPropertyChanged接口的数据集合,在添加项、移除项或刷新整个列表时,此集合将提供通知。如果要实现集合中的某字段......
  • 带你看懂RuoYi动态数据源切换
    文章目录数据源是什么一、spring中是如何处理各种数据源的?1.开搞springboot2.创建一个测试类二、有了如上的理论,那么想想动态切换数据源吧参考若依的动态数据源配置总结数据源是什么数据源,对于java来说,就是可用的数据库,那么我平时开发的springbootspringcloud项目,那么也就......
  • 花了半天时间,使用spring-boot实现动态数据源,切换自如
      在一个项目中使用多个数据源的情况很多,所以动态切换数据源是项目中标配的功能,当然网上有相关的依赖可以使用,比如动态数据源,其依赖为,<dependency><groupId>com.baomidou</groupId><artifactId>dynamic-datasource-spring-boot-starter</artifactId><version>3.5.1</v......
  • Spring配置动态数据库
    前言本文主要介绍使用springboot配置多个数据库,即动态数据库开始搭建首先创建一个SpringWeb项目——dynamicdb(spring-boot2.5.7)然后引入相关依赖lombok、swagger2、mybatis-plus,如下:<?xmlversion="1.0"encoding="UTF-8"?><projectxmlns="http://maven.apache.org/POM/......