vben admin-useTable使用afterFetch发请求之前beforeFetch发请求之后

CDwenhuohuo

已于 2024-08-16 13:15:42 修改

阅读量525

点赞数 2

文章标签：前端 javascript 开发语言

于 2024-06-28 09:44:27 首次发布

本文链接：https://blog.csdn.net/2302_76925238/article/details/140034066

版权

  const [registerTable, { getSelectRows, clearSelectedRowKeys, getRawDataSource }] = useTable({
    api: getSystems,
    columns,
    formConfig: {
      labelWidth: 120,
      schemas: searchFormSchema,
    },

    pagination: true,
    striped: false,
    useSearchForm: true,
    showTableSetting: false,
    bordered: true,
    showIndexColumn: false,
    canResize: false,
    showSelectionBar: false, // 显示多选状态栏
    clickToRowSelect: false, // 默认选中，关闭选择行选中
    rowSelection: {
      type: 'radio',
    },
    afterFetch: () => {
      const result = getRawData();
     // tableData.value = result;
      return result;
    },
    beforeFetch: (t) => {
      t.pid = 0;
    },
  });

 const getRawData = () => {
    let getFormData = getRawDataSource();
    // console.log('🚀 ~ getRawData ~ getFormData:', getFormData.items);
    return getFormData.items;
  };

   rowSelection: {
      type: 'checkbox',
      getCheckboxProps: (record) => ({
        disabled: record.formName === '无人机服务', // 根据需要设置禁用条件
        name: record.name,
      }),
    }, //勾选框


禁用勾选


不要勾选  rowSelection: false,


不要搜索重置按钮  useSearchForm: false,