取路由参数vue路由及普通路由

本文介绍了在非vue-router项目中如何单独处理单个参数,以及解析多个参数的方法。对于非vue-router项目,通过`window.location.href`获取URL,然后使用字符串操作提取参数的key和value。而在vue-router项目中,可以利用`this.$route.query`直接获取参数。这些技巧适用于前端开发中对URL参数的常规操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

非vue-router项目 单个参数

var url = window.location.href
var index = url.indexOf("?");
var ind = url.indexOf("=");
var key = url.substr(index + 1,6);  //参数的key值
var value =  url.substr(ind + 1,5);  //参数的value值

非vue-router项目 多个参数

let queryParams = {};
      let locationUrl = window.location.search;
      if (locationUrl.indexOf("?") !== -1) {
        let index = locationUrl.lastIndexOf("?");
        let query = locationUrl.substring(index + 1, locationUrl.length);
        let arr = query.split("&");
        arr.forEach((item) => {
          let mArr = item.split("=");
          queryParams[mArr[0]] = mArr[1];
        });
      }
      console.log(queryParams);

vue-router 项目

 var key = Object.keys(this.$route.query)[0]  //参数的key值
 var value = this.$route.query.orgKey      //参数的value值
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值