美文网首页
vue 获取链接里面的参数

vue 获取链接里面的参数

作者: writeSpace | 来源:发表于2022-06-13 17:36 被阅读0次

    1、直接获取this.route.query,(明文 在链接可以看到) this.route.params(不展示再链接中)
    如果要获取参数exid 则

    this.$route.query.exid       this.$route.params.exid
    

    2、有一种情况就是刚启动时候 this.route.params和this.route.query.拿不到参数 猜测是没来的及初始化

    需要用这个方法从链接中获取

     console.log(this.getQueryString("exid"))
    
    100
    
       /**
         *
         * @param {String} key
         */
        getQueryString(key) {
          var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)", "i");
          var r = window.location.search.substr(1).match(reg);
          if (r != null) return unescape(r[2]);
          return null;
        },
    

    相关文章

      网友评论

          本文标题:vue 获取链接里面的参数

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