vben admin传参

这篇博客主要介绍了基于vue3的vben admin框架如何进行参数传递,包括通过请求接口传参和页面跳转时的传参方式,并提供了简单的代码示例。博主分享了学习过程,欢迎交流讨论。
摘要由CSDN通过智能技术生成

vben admin这个框架的底层是基于vue3开发的,所以传参的方式跟vue3的原理一样。

下面,我分为两个方向说一下vben admin这个框架传参的方式:

  1. 第一个:请求接口传参

在api文件里,写接口,例如:

enum Api {AccurateList='/mate-marketing/marketing-other/getAccurateList'}//接口路径
export const matchInfoAccurateList = (params:{id:String,infoType:String}) => defHttp.get<boolean>({ url:Api.AccurateList +`?id=${params.id}`+`&infoType=${params.infoType}`});//请求方式并传参

在页面中:以表格为例

const [registerTable] = useTable({
      api: matchInfoAccurateList,//接口
      columns,
      formConfig: {
        labelWidth: 120,
      },
      
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值