vue带参跳转页面中文会出现乱码

如图,我携带的参数格式如下:
在这里插入图片描述
然后可以看到上方的url是正确的中文,但是下边解析出来后就成了乱码。
在这里插入图片描述

解决办法:
使用decodeURIComponent函数,代码使用如下:
在这里插入图片描述
贴一下代码:

    get_url_query() {
    
    
      var str = decodeURIComponent(window.location.href)
      var num = str.indexOf('?')
      str = str.substr(num + 1)
      var arr = str.split('&')
      for (var i = 0; i < arr.length; i++) {
    
    
        num = arr[i].indexOf('=')
        if (num > 0) {
    
    
          this.query[arr[i].substring(0, num)] = arr[i].substr(num + 1)
        }
      }
      if (this.query.vin) {
    
    
        this.vin = this.query.vin
        console.log(this.vin)
        this.get_vehicle_info()
      }
    },

然后就可以看到转换成功啦!
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/changyana/article/details/129698158
今日推荐