H5W3
当前位置:H5W3 > 其他技术问题 > 正文

vue 监听$route的方式

我需要监听router变化,但是文档提供的导航钩子不适用于不变化的组件,只能求助于watch

watch: {
        '$route'(to, from) {            
       

看到好多这种回答,但是出处在哪里呢,watch为什么可以这么用,求指点

回答:

https://router.vuejs.org/zh-c…

// 接着在父组件内
// watch $route 决定使用哪种过渡
watch: {
  '$route' (to, from) {
    const toDepth = to.path.split('/').length
    const fromDepth = from.path.split('/').length
    this.transitionName = toDepth < fromDepth ? 'slide-right' : 'slide-left'
  }
}

本文地址:H5W3 » vue 监听$route的方式

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址