1. <strong id="d2o2m"><address id="d2o2m"><rp id="d2o2m"></rp></address></strong>

    <acronym id="d2o2m"></acronym>
    <acronym id="d2o2m"><sup id="d2o2m"><nav id="d2o2m"></nav></sup></acronym>
    <optgroup id="d2o2m"><em id="d2o2m"><del id="d2o2m"></del></em></optgroup>
    <ol id="d2o2m"></ol>
  2. watch監聽路由變化詳解

    時間:2021-09-14 11:20:17 類型:vue
    字號:    

      一、watch監聽路由的方法

      通過watch監聽,當路由發生變化的時候執行。

      方法一:

    watch:{
      $router(to,from){
           console.log(to.path)
      }
    }

      方法二:

    watch: {
       $route: {
         handler:  function (val, oldVal){
           console.log(val);
         },
         // 深度觀察監聽
         deep:  true
       }
    },

      方法三:

      watch: {
      '$route' : 'getPath'
      },
      methods: {
      getPath(){
      console.log( this .$route.path);
      }
      }


    黄片基地 <