Vben Admin带搜索框的表格，拿搜索的值

最新推荐文章于 2024-09-09 16:13:20 发布

芋泥是小蓝白

最新推荐文章于 2024-09-09 16:13:20 发布

阅读量1.2k

点赞数

分类专栏： vben admin 文章标签： typescript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_45815557/article/details/132448140

版权

vben admin 专栏收录该内容

4 篇文章 1 订阅

订阅专栏

  在使用vben的表格时，将搜索表单useSearchForm打开，会显示出来查询的字段。

在这里插入图片描述
在使用的时候，有些需求会要求拿到查询字段的值，来进行下一步的操作。

 const [
    registerTable,
    { reload, getSelectRows, clearSelectedRowKeys, getSelectRowKeys, getDataSource },
  ] = useTable({
    api: materialList,
    columns: basicColumns,
    size: 'small',
    rowKey: 'id',
    useSearchForm: true,
    formConfig: {
      baseColProps: {
        xl: 8,
      },
      labelWidth: 100,
      schemas: basicSearchFormSchema,
    },
    //可拿到查询时的值 开启表单后，在请求之前处理搜索条件参数
    handleSearchInfoFn: (e) => {
    },
  });