vue3获取当前页面组件的路由参数信息
1、路由信息const router = createRouter({routes:[{path:'/selectTreePage/:action/:subject',name:"selectTreePage",component:()=>import('@/pages/home/SelectTreePage')},...2、目的:想在 SelectTreePage 组件中获取 action
·
在职全栈,有需要各种软件开发,软件指导可以添加本人微信。15536384246,备注CSDN
1、路由信息
const router = createRouter({
routes:[
{
path:'/selectTreePage/:action/:subject',
name:"selectTreePage",
component:()=>import('@/pages/home/SelectTreePage')
},...
2、目的:想在 SelectTreePage 组件中获取 action和subject的参数
3、SelectTreePage .vue
<script>
import { onMounted} from 'vue'
import { useRouter } from 'vue-router'
export default {
setup() {
const router = useRouter();
onMounted(() => {
// 打印
console.log('router:', router.currentRoute)
console.log('action', router.currentRoute.value.params.action)
console.log('subject', router.currentRoute.value.params.subject)
})
return {}
},
}
</script>
4、控制台 router.currentRoute 显示
更多推荐
已为社区贡献1条内容
所有评论(0)