[前端]在Vue3中使用Router路由跳转页面相关问题

1.在使用Router进行前端的页面跳转时导入Router文件后

 要进行声明和定义才可以使用

 在使用时会遇到两种情况,一个是不需要进行数据的传输,和需要进行数据的传输

　　[1]需要进行数据的传输:

const adoptClick = () => {
    axios.get('/t-adopt/getAdopt').then((res) => {
        router.push({path:"/adopt",query:{value:JSON.stringify(selectedItem.value)}})
        console.log(res.data.data);
        console.log(selectedItem);

    })
}

这里我从当前页面获取到的value数据是对象类型,另一个页面无法正常接收,于是使用了json将数据转换为字符串类型方便接受页面节接收数据

const value = router.currentRoute.value.query.value
const valueString = JSON.parse(value);

接受页面像以上这样接收即可,最后要想使用接收到被转换为字符串类型的对象类型数据,需要再转换为对象类型.

　　[2]对于不需要进行数据传输的页面跳转则非常简单:

 这样即可