查询筛选器

介绍

搜索查询栏组件

API

Props 属性-基础配置

参数	说明	类型	默认值
默认状态	组件的状态, "默认"|"禁用"|"隐藏"	string	'default'
显示名称	是否显示页面名称	boolean	false
名称	页面名称	string	'页面名称'
左侧插槽	是否开启左侧插槽	boolean	false
显示说明文字	是否显示说明文字	boolean	false
说明文字	说明文字文本	string	''
筛选选型	是否开启筛选选型	boolean	false
存储策略	选择一种存储筛选数据的方式	string	'local'
保存设置的api	保存筛选数据设置的api，未设置为系统默认接口	string	''
查询设置的api	查询筛选数据设置的api，未设置为系统默认接口	string	''
筛选面板	筛选面板是否开启	boolean	true
查询字段	查询字段	array	[{name:name}]
布局方式	查询字段布局方式	string	'horizontal'
默认展开	默认展开	boolean	true
默认值	筛选面板默认值	object
开启搜索框	是否开启搜索框	boolean	true
搜索框查询字段	搜索框查询字段	array	[{name:name}]
开启高级筛选	开启高级筛选	boolean	true
高级筛选查询字段	高级筛选查询字段	array	[{name:name}]
筛选条件查询api	筛选条件查询api	string	''
筛选条件保存api	筛选条件保存api	string	''
筛选条件编辑api	筛选条件编辑api	string	''
筛选条件删除api	筛选条件删除api	string	''

事件配置

事件名	说明	回调参数
onSearch	用户搜索事时件触发	ctx, params: { value:string }, loopDataList: LoopData[]
onReset	用户重置时事件触发	ctx, params: { value:string }, loopDataList: LoopData[]

Props 样式

参数	说明	类型	默认值
自定义样式	表格整体自定义样式	string	-

Props 高级

参数	说明	类型	默认值
唯一标识	组件的唯一标识	string	-
循环	循环渲染设置	-	-

Type

LoopData

参数名	描述	类型
indexName	索引变量名	string
paramName	迭代变量名	string
row	当前迭代数据元素	any
rowIndex	当前迭代数据索引	any
ref	完整循环数组数据	ComputedRefImpl<Array>