vue3 rouer params传参的问题

Passerby_K

已于 2023-08-16 10:01:00 修改

阅读量650

点赞数 1

文章标签： vue.js javascript 前端

于 2023-08-16 09:59:58 首次发布

本文链接：https://blog.csdn.net/Passerby_K/article/details/132312879

版权

route.params在页面刷新的时候数据会丢失，所以vue3 弃用了params方式！
但是，vue3又更新了一个替代params的方式：history API

import { useRouter } from "vue-router"
const router = userRouter;
// 跳转路由，传递参数
const setClick = (item) => {
  router.push({
    name: "Devwithdrawal",
    state: { obj1:  1 , obj2: 2  },
  });
};

//接收
onMounted(()=>{
// 获取history中我们上个页面保存的数据
const historyParam = history.state;
console.log(history.state,"history.state")

})