Vue3.2版本路由跳转传参/子页面获取参数或多个参数
当前地址是我子页面获取到id的页面
一个参数
当前父页面跳转带参数 <router-link :to="/XinyeCloudStore/ShopDetails?id=+ id"> <el-button link type="primary" size="small">店铺管理</el-button> </router-link> 子页面接收参数 import {useRoute} from vue-router //引用路由 const User = reactive({ shopId:,//店铺id }） const route = useRoute();//实例化 User.shopId = route.query.id;//赋值当前店铺id alert(User.shopId)//弹框
多个参数
当前父页面跳转带参数 import router from "@/router"; <el-button link type="primary" size="small" @click="shopManagement(scope.row)">店铺管理</el-button> const shopManagement=(row)=>{ router.push({ path:/XinyeCloudStore/ShopDetails, query:{ id:row.id, cid:row.cid, } }) } 子页面接收参数 import {useRoute} from vue-router //引用路由 const route = useRoute(); console.log(route.query)
