当前位置: 首页 > Web前端 > vue.js

vue路由相关:使用useRouter()获取当前路由名称

时间:2023-03-31 19:49:19 vue.js

今天在点击不同选项切换组件标题名称时遇到了问题。初步尝试用ref实现,考虑在点击事件的回调函数中更新title的值。由于路由切换导致页面重新渲染,setup中ref设置的值在页面渲染时会一直为空,所以改用当前的路由名。先打印出router.currentRoute,在_rawValue中的name属性中找到需要的值,在setup中设置title名称,最后绑定到组件title上