JEECG BOOT 浏览器地址带参数传递 浏览器地址栏查询条件---list页面超链接传递参数到jeecg的页面进行查询

1. 接收端方法

script 标签中 没有setup的 

mounted () {

queryParam.userid = router.currentRoute.value.query.userid;

}

上述代码queryParam是 jeecg 前端查询定义的数据固定写法 

queryParam.userid 查询userid 等于后面的router.currentRoute.value.query.你的变量 

script 标签中 有setup的 

onMounted(() => {

queryParam.userid = router.currentRoute.value.query.userid;
});

此时我们需要引入

import { useRouter } from "vue-router";

import {onMounted} from "vue";

写好后可以在地址栏用参进行访问 ,例如http://localhost:8080/test?userid=1234 这样测试

2.发送方需要定义好插槽

<template #userid="{ record }">

<!-- <router-link :to="{ name: 'user', params: { userId: 123 }}">User</r

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值