美文网首页
vue监听路由参数变化params

vue监听路由参数变化params

作者: kaimen_0ca9 | 来源:发表于2019-12-13 19:11 被阅读0次

    vue项目中有很多地方都是跳到同一个页面,只是参数不同,根据不同参数来做处理,一开始发现只参数变而路由不变没办法检测到,想想百度了下是否能监听路由参数的变化,最终用下面的方法试了下,发现可行

    watch:{
        '$route.params'(newval, oldval) {
          let indexarr = this.$route.params.indexObj.split('-');
          let fatherIndex = Number(indexarr[0]);
          this.pname = menuComponents[fatherIndex].pname;
          this.menuList = menuComponents[fatherIndex].children;
          this.imgUrl = this.imgs[fatherIndex];
          this.showNewscontent(Number(indexarr[1]))
        }
      }
    

    相关文章

      网友评论

          本文标题:vue监听路由参数变化params

          本文链接:https://www.haomeiwen.com/subject/qpkqnctx.html