zoukankan      html  css  js  c++  java
  • vue路由参数的获取、添加和替换

    获取路由参数

    getUrlKey(name){//获取url 参数
            return decodeURIComponent((new RegExp('[?|&]'+name+'='+'([^&;]+?)(&|#|;|$)').exec(location.href)||[,""])[1].replace(/+/g,'%20'))||null;
          },
    

      修改和新增路由参数

    1. 安装依赖
      npm i webpack-merge
      

        

    2. 引入
      import merge from 'webpack-merge';
      

        

    3. 引用
      this.$router.push({    //修改原有参数
          query:merge(this.$route.query,{'id':'1'})
      })
      
      this.$router.push({    //新增一个参数
          query:merge(this.$route.query,{'teamName':'开发组'})
      })
      
      this.$router.push({    //替换所有参数
          query:merge({},{'teamName':'测试组'})
      })
      

        

  • 相关阅读:
    第二次作业。。
    第一次随笔作业
    第一次作业
    第4次随笔
    第3次随笔
    第2次作业
    第一次随笔
    我的第一次随笔
    iforums
    第四次作业
  • 原文地址:https://www.cnblogs.com/dinghaoran/p/12165396.html
Copyright © 2011-2022 走看看