vue3的composition API监听路由

1、问题:从vue2的obj写法转向vue3的setup写法,要如何在某个组件中监听路由变化呢

2、解决:

<script setup lang='ts'>
import {useRouter} from 'vue-router'
import {watch} from 'vue'
//监听路由变化,判断是否填充整个页面
let router=useRouter()
let currentMeta=ref(router.currentRoute.value.meta)
watch(()=>router.currentRoute.value,(newVal,oldVal)=>{
 currentMeta.value=newVal.meta
})

</script>

 

posted @ 2022-07-07 12:04  Pavetr  阅读(382)  评论(0)    收藏  举报