在Vue 3中，如何轻松地进行页面跳转并传递参数 with Vue Router
最编程
2024-08-01 19:47:11
...
一，vue3路由跳转
1，引入vue-router
import { useRouter } from 'vue-router';
2，steup中定义方法push，replace等等
const { push， replace} = useRouter();
二，vue3路由url传参
1，用push方法举例
push(`/order/freight/addFTemplate?id=${id}`);
2，引入vue-router（和跳转方法稍有不同，此处引入useRoute）
import { useRoute } from 'vue-router';
3，setup中定义route
const route = useRoute();
4，最后获取到所传参数
const id = route.query.id;
上一篇： 操控页面跳转的三种参数传递方法
下一篇： 路由传参及跳转方式