vben Modal 表格查询传值学习记录

该代码段展示了在React应用中,使用自定义hook`useModalInner`和`useTable`来处理用户ID并加载用户登录日志列表。当modal关闭时,用户ID被更新,并用此ID过滤表格数据。`useTable`配置包括搜索条件、API调用、列配置以及表格设置。
摘要由CSDN通过智能技术生成
setup() {
      const userId = ref(); 
      const [register] = useModalInner((data) => {
        userId.value = data;
        // userIdSave(data);
        // 在这里给表格增加条件
        useTable({
          searchInfo: { user_id: data },
        });
        reload();

      });
      const [registerTable, { reload }] = useTable({
        title: '用户登录日志列表',
        searchInfo: { user_id: userId },
        api: getUserLoginList,
        columns: getUserLoginListColumns(),
        useSearchForm: false,
        // formConfig: getUserFormConfig(),
        showTableSetting: true,
        tableSetting: { fullScreen: true },
        showIndexColumn: false,
        rowKey: 'id',
        immediate: false,
      });

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值