vue3 watch 爬坑

149 阅读1分钟

路由跳转同一页面,参数不同

传参

router.push({ path: "/a", query: { userId: item.anchor}})

接收

// 错误写法  这样写页面的路由url一直不变,参数userid保持不变
watch(() => route.query, (val: any) => {});

//正确写法
watch(() =>route.query.userId,()=> {})

路由显示: image.png watch 只是监听属性,搞不懂为啥会影响路由url显示,跳转userid不会刷新变化