Vue vben admin 2.0的封装部分坑点

新项目使用上了一个免费的Vue vben admin 2.0项目
项目是使用vue3+TS开发。但是项目并没有很好的文档说明。而有一些组件又进行了深度的封装，需要修改很麻烦。这里把我遇到的一些组件记录一下

Table组件，使用表单搜索，更改分页字段
BasicTable组件进行了深度封装，不仔细找的话，根本无法找到分页字段在哪里。
默认分页字段是page,pageSize
需要改分页字段的话需要更改全局的分页字段。
这里其他字段，比如data包裹的字段也是在这里面修改。默认是items，可以修改成其他的
/src/settings/componentSetting.ts
找到里面的
fetchSetting
进行更改

Table组件，使用表单搜索增加额外的数据
有些时候，我们的筛选项，不仅仅是需要用户自己填的，也还有一些默认的隐藏表单域。

const [registerTable] = useTable({
        api: getVerifyList,
        columns: columns(),
        bordered: true,
        formConfig: schemas(),
        useSearchForm: true,
        actionColumn:{
          width: 180,
          title: '操作',
          dataIndex: 'action',
          slots: { customRender: 'action' },
        },
        handleSearchInfoFn:function (res){
          return res = {type:activeKey.value}
        },
        searchInfo: { // 额外的data
          type:activeKey.value
        },
        showTableSetting: true,
        rowSelection: { type: 'checkbox' },
      });

我们在配置的时候，注意加上searchInfo属性。这里就是增加额外的数据。不管是post请求还是get请求，都会增加到后面。
但是，我们还是会发现，在点击查询按钮的时候，如果我们的额外数据进行了更改，这里还是不默认的数据，它不会变更。
所以，我们在变更额外的数据的时候，还需要加上

handleSearchInfoFn:function (res){
              return res = {type:activeKey.value}
            },

这个属性。这里是一个钩子，处理查询之前的一些额外操作。这样就可以愉快的玩耍了