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

最新推荐文章于 2024-06-05 15:28:01 发布

ChangYan.

最新推荐文章于 2024-06-05 15:28:01 发布

阅读量2.4k

点赞数 3

分类专栏：前端文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/changyana/article/details/129698158

版权

前端专栏收录该内容

87 篇文章 2 订阅

订阅专栏

文章讲述了在处理包含中文参数的URL时遇到的乱码问题，以及如何通过JavaScript中的decodeURIComponent函数来正确解析和转换URL参数，从而避免乱码，确保数据的正确读取。通过示例代码展示了具体实现方法，并验证了解决方案的成功应用。

摘要由CSDN通过智能技术生成

如图，我携带的参数格式如下：
在这里插入图片描述
然后可以看到上方的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()
      }
    },