txz-mch-pay/doc/11.md

技术文档

打开导航菜单

PIG AI Guide

切换主题搜索

[](https://wwads.cn/click/bait)[ ](https://wwads.cn/click/bundle?code=4jQpSYno5LBbz49BkpNUvNEIyc5l09)

电商项目必备！Java 开源商城系统 SpringBoot+Vue 框架，功能齐全，全源码交付，可二开广告

PIGX 技术指南

适配 5.0 以上单体和微服务版本

PIGX 技术指南PIG

⌘K

参与开发

快速上手

前端部分

功能使用

后端部分

扩展必看

生产部署

社区分享

更新日志

更新日期: 2025-10-23

最后更新: 2025/8/19

切换主题

前端表格工具栏组件

[](#分页组件使用)分页组件使用

• 工具栏组件一般和表格组件一起使用，只需要回调 useTable hook 中的函数即可

  
  
  `<right-toolbar   v-model:showSearch="showSearch"   :export="'sys_user_export'"   @exportExcel="exportExcel"   @queryTable="getDataList"  />`
  
  
  
  
  

  
  
  `const  { getDataList }  =  useTable(state);`
  
  
  
  
  

[](#卡槽扩展)卡槽扩展

`<query-tree>   <template  #default="{ node, data }">  </template>  </query-tree>`

[](#属性说明)属性说明

属性	类型	默认值	说明

showSearch

|

Boolean

|

true

|

是否显示搜索框。

| |

export

|

String or Boolean

|

当设置为true的显示，如设置为权限字符串则根据当前用户权限动态控制

|

是否导出下载按钮。

| |

search

|

Boolean

|

true

|

是否显示搜索框。

| |

gutter

|

Number

|

10

|

列表项之间的间距。

|

本页导航

分页组件使用

卡槽扩展

属性说明