宣传部网站建设策划书,如何替换网站上的动画,网站建设好怎么优化,国外设计网站欣赏vue3路由和vue2差别不是很大#xff0c;不过在传参形式上略有改变
在Vue3中使用路由必须引入 useRouter 和 useRoute import { useRoute, useRouter } from vue-routerconst Router useRouter() //跳转const Route useRoute() //获取到值 同Vue2一样#xff0c;query使用p…vue3路由和vue2差别不是很大不过在传参形式上略有改变
在Vue3中使用路由必须引入 useRouter 和 useRoute import { useRoute, useRouter } from vue-routerconst Router useRouter() //跳转const Route useRoute() //获取到值 同Vue2一样query使用path跳转params用name跳转 router.push({path: /streamcompute-home/${item.projectName}/${item.projectId}/definition/list,query: { processDefinitionName }}) router.push({ name: tab.props.name,params:projectId }) 在注册路由的时候规定必须要传入的参数 对于必须要有参数的情况可以在路由中配置。比如页面复用需要通过key来区分则需要用到这个方法 //实时计算-项目首页-我关注的-详情页
{path: /streamcompute-home/:projectName/:projectId/definition/list,name: projects,component: () import(/components/streamcompute/streamcomputeWork/develop/index.vue),
}, 参数的使用 首先打印一下router看看里面有什么 可以看到在跳转后的页面中使用参数也跟vue2有一定的区别不管是query还是params都装在router.currentRoute.value里面我们需要去取。 所以要这么使用 【router.currentRoute.value.params】 【router.currentRoute.value.query】 projectName router.currentRoute.value.params.projectName
projectId router.currentRoute.value.params.projectId
