useTable中reload的参数

[gnyuan]

在BasicTable中

  const [registerTable, { reload }] = useTable({
    api: getDataList,
    searchInfo: { param1: 1 },
    columns,})

页面中有个按钮，有API的过滤条件{param1: 2}
但使用reload({searchInfo: {param1: 2}});不生效，它仍然使用{ param1: 1 }去请求API，请问正确做法是什么？我想写个函数，在函数内部用个性化参数去调用getDataList，并更新table 的数据。

[wangjue666]

你不应该重置搜索表单的数据吗

[gnyuan]

已初步解决，就是按你的思路。1 在页面上建立Tab页，把某个搜索条件转化成tab选项；2 watch标签页的activekey，用下面代码即可

watch(activeKey, () => {
    if (activeKey.value === '全部') {
      param1.value = null;
    } else {
      param1.value = [activeKey.value];
    }
    reload({ searchInfo: { param1:[2] } }).then((_) => {
      setProps({ searchInfo: { param1:[2] } });
    });
  });

后面这两行看上去有点别扭，虽然效果和我预期一直。

[gnyuan]

你不应该重置搜索表单的数据吗

有个搜索条件我想作为tab页放出来，点击TAB页后想要用新的条件请求表格数据。

[wangjue666]

@gnyuan 有个 beforeFetch 钩子函数， 用它

[gnyuan]

感谢！改成这样了。

  watch(activeKey, () => {
    if (activeKey.value === '全部') {
      category.value = null;
    } else {
      category.value = [activeKey.value];
    }
    setProps({
      beforeFetch: () => {
        return { category: category.value };
      },
    });
    reload();
  });

[gnyuan]

你不应该重置搜索表单的数据吗

@gnyuan 有个 beforeFetch 钩子函数， 用它