vue 刷新如何监听地址

Question

  watch: {//使用watch 监听$router的变化
      $route(to, from) {
      
        if(to.path == '/'){
         
        }else {
          
        }

   
},

这个方法在没刷新的时候可以监听，但是用户手动刷新页面后就没办法监听了

Answer 1

这里需要用到watch的高级用法 handler例如上面代码可改为

watch:{
    $route:{
        handler(){
            业务逻辑
        },
        'immediate': true
    }
}

immediate:true代表在wacth里声明了$route这个方法之后立即先去执行handler方法 false则就是跟之前的一样