在Vue3中当一个使用reactive声明的对象，通过路由传参，传过来的参数对象，赋值给普通对象，会失去响应式，解决办法：

最新推荐文章于 2024-05-28 15:54:01 发布

Lucky_zss

最新推荐文章于 2024-05-28 15:54:01 发布

阅读量218

点赞数 1

文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/zss_base/article/details/137826017

版权

import { useRoute, useRouter } from "vue-router";

const route = useRoute();
console.log(route.query);
// 接收传过来的参数 shop
let shop = route.query.shop;
// console.log(typeof shop) ;

// 字符串转对象为shops
let shops = JSON.parse(shop);

// 当路由传参接收到参数对象后，失去响应式，可以给该对象外层套一层对象，解决失去响应问题
let shops1 = reactive({
  shops
})