位置: IT常识 - 正文

VUE项目获取url中的参数(vue 获取当前url)

编辑:rootadmin
VUE项目获取url中的参数

推荐整理分享VUE项目获取url中的参数(vue 获取当前url),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue 获取当前url,vue获取地址栏,vue url-loader,vue获取地址栏,vue url-loader,vue获取当前路径,vue获取地址栏,vue项目获取url参数,内容如对您有帮助,希望把文章链接给更多的朋友!

亲测可用,若有疑问请私信

获取url参数有两种情况:

情况一:内部页面之间互相传值

这里先讲情况一,因为同一项目内互相传值比较简单,假如要从A页面跳转到B页面,并传值。就要在A页面这么写

this.$router.push({name:"B",query:{

    Id : this.tId ,

    ...

}})

进入B页面之后,在B页面内这么写

VUE项目获取url中的参数(vue 获取当前url)

this.Id = this.$route.query.Id;

就能将A页面的id传入B页面,进行数据调取。

情况二:外部跳转VUE项目时自带参数,例如 http://www.hahaha.com/list?Id=9#/

外部进入的url会放在VUE项目编译以后自动加  “#/”  ,其中带的参数在#/之前,所以用以上方法无法获取,那么我们只能用JS的方法来获取

var url = window.location.href ;             //获取当前url

    var dz_url = url.split('#')[0];                //获取#/之前的字符串

    var cs = dz_url.split('?')[1];                //获取?之后的参数字符串

    var cs_arr = cs.split('&');                    //参数字符串分割为数组

    var cs={};

    for(var i=0;i<cs_arr.length;i++){         //遍历数组,拿到json对象

      cs[cs_arr[i].split('=')[0]] = cs_arr[i].split('=')[1]

    }

this.id = cs.id;                                           //这样就拿到了参数中的数据

本文链接地址:https://www.jiuchutong.com/zhishi/290217.html 转载请保留说明!

上一篇:东洛锡安的金黄麦田,苏格兰 (© Scott Masterton/plainpicture)

下一篇:一只棕颈鹭正在德索托堡公园里捕猎,佛罗里达州 (© Brian Lasenby/Getty Images)(一只棕色)

  • 苹果15.3戴口罩解锁怎么设置(ios15 戴口罩)

    苹果15.3戴口罩解锁怎么设置(ios15 戴口罩)

  • iqooz1x搭载的处理器是什么

    iqooz1x搭载的处理器是什么

  • 华为nova4e带不带nfc功能(华为nova4e带不带红外线)

    华为nova4e带不带nfc功能(华为nova4e带不带红外线)

  • oppopcdm10是什么型号手机(oppo pchm10是什么机型)

    oppopcdm10是什么型号手机(oppo pchm10是什么机型)

  • 开机风扇声音大(开机风扇声音大正常吗)

    开机风扇声音大(开机风扇声音大正常吗)

  • 苹果x防水么(苹果x防水到什么程度)

    苹果x防水么(苹果x防水到什么程度)

  • 显示内存vram如何提高(显示内存怎么调)

    显示内存vram如何提高(显示内存怎么调)

  • 微信只能9人视频吗(微信怎么做到超过9人视频)

    微信只能9人视频吗(微信怎么做到超过9人视频)

  • 手机页面上的时间和天气被删了怎么恢复(手机页面上的时间被删了怎么恢复)

    手机页面上的时间和天气被删了怎么恢复(手机页面上的时间被删了怎么恢复)

  • 滴滴怎么查以前的打车记录(滴滴怎么查以前流水)

    滴滴怎么查以前的打车记录(滴滴怎么查以前流水)

  • mp1512是什么型号(mp157)

    mp1512是什么型号(mp157)

  • 主题怎么取消(手机主题怎么取消)

    主题怎么取消(手机主题怎么取消)

  • iphone7plus可以分屏吗(苹果7plus能分屏吗?)

    iphone7plus可以分屏吗(苹果7plus能分屏吗?)

  • wlan平板什么意思(ipad wifi wlan是什么意思)

    wlan平板什么意思(ipad wifi wlan是什么意思)

  • ipad5代是什么型号(ipad 5代是什么)

    ipad5代是什么型号(ipad 5代是什么)

  • 微信连麦静音对方会提示吗(微信连麦静音对方怎么样才知道?)

    微信连麦静音对方会提示吗(微信连麦静音对方怎么样才知道?)

  • 手机wps怎么建文件夹(手机wps怎么建文档打字)

    手机wps怎么建文件夹(手机wps怎么建文档打字)

  • ie是什么东西(ie什么意思中文意思)

    ie是什么东西(ie什么意思中文意思)

  • 华为mate30第二个卡槽在哪(华为mate30第二个系统密码忘了怎么办)

    华为mate30第二个卡槽在哪(华为mate30第二个系统密码忘了怎么办)

  • 滴滴账号被静默怎么办(滴滴账号被静默多久会恢复)

    滴滴账号被静默怎么办(滴滴账号被静默多久会恢复)

  • 天猫违约金如何赔偿(给天猫的违约金怎么入账)

    天猫违约金如何赔偿(给天猫的违约金怎么入账)

  • 怎么看微信年龄(怎么看微信年龄多大)

    怎么看微信年龄(怎么看微信年龄多大)

  • win10安装软件被阻止(电脑上win 10安装的软件被限制怎么取消)

    win10安装软件被阻止(电脑上win 10安装的软件被限制怎么取消)

  • 荣耀手机如何设置锁屏时间(荣耀手机如何设置返回键)

    荣耀手机如何设置锁屏时间(荣耀手机如何设置返回键)

  • 【HDLBits刷题笔记】13 Finite State Machines(刷题笔贴吧)

    【HDLBits刷题笔记】13 Finite State Machines(刷题笔贴吧)

  • 不借助 Javascript,利用 SVG 快速构建马赛克效果(不借助的英文)

    不借助 Javascript,利用 SVG 快速构建马赛克效果(不借助的英文)

  • 个税汇算清缴系统找不到扣缴义务人
  • 增值税普通发票需要交税吗
  • 小规模纳税人进项可以抵扣吗
  • 小规模免缴增值税吗
  • 城市维护建设税为什么是流转税
  • 盈余公积是否必要交税
  • 微信转账报销怎么转换成文字
  • 债务担保属于或有资产吗
  • 购入材料过程中支付运费
  • 农产品进项抵扣及申报表填写案例
  • 公司车辆出售给个人怎么做账
  • 车辆增值税抵扣到什么时候结束
  • 投资利息收入要交所得税吗
  • 土地出售涉及哪些税
  • 增值税专用发票怎么开
  • 跨年补交企业所得税
  • 公司帮员工买的保险
  • 异地预缴本地申报流程
  • 退租水电费从押金里扣除
  • 社会团体非限定性净资产
  • 属于项目的一个实例
  • 电子商务如何做账
  • 存货计划成本法好处
  • 税点款怎么算
  • 福利费如何做会计分录
  • 六千元左右
  • 税盘进项税额怎么做
  • 股权转让会记分录
  • react最新教程
  • 前端项目部署到nginx
  • 新会计准则关于公司装修费
  • 阐述php的特点
  • element - - - - - 你不知道的loading使用方式
  • 小规模纳税人出租不动产免征增值税
  • vue 可拖拽
  • 网络安全实验室
  • 过来人告诉你:女人最珍贵的三种东西,舍得给你说明爱你
  • 以前年度损益调整
  • 工会经费,残保金,会计分录
  • 在岗职工平均工资和社平工资的区别
  • 物价变动的影响因素
  • 增值税普通发票查询
  • 水利建设税根据什么申报
  • 资金托管账户的钱能查到吗
  • 简述清算机构的职责
  • mysql数据库优化配置
  • 采用权益法核算的长期股权投资时,对于被投资企业
  • 含税含运费价格,运费谁出
  • 初级职称需要提交什么资料
  • 应付账款借方如何重分类会计科目
  • 营改增对金融业税负的影响
  • 购买其他权益工具投资公允大于我支付的价值
  • 收到货款比开票少怎么办
  • 个体工商户的个税起征点
  • 税务房屋租赁发票的开具规定
  • 还银行贷款如何计算利息
  • 银行进账单需要作为附件吗
  • 无形资产计提减值准备计算
  • 维修费计入哪个账户
  • 日常费用报销管理制度
  • 工会费上缴
  • 商业企业销售摩托车需不需要征收消费税
  • 水电费收据可以写一张上吗
  • 手把手教你安装使用国家反诈中心
  • u大师教程
  • apache for mac
  • linux Intel 845集成显示驱动下载
  • react用什么ui
  • node链接数据库
  • android实战项目
  • perl -pi
  • 不用js多浏览器能用吗
  • python任务调度之schedule
  • unity怎么创建空对象
  • javascript怎么弄
  • js启动
  • 酒店住宿的发票图片
  • 税务局 章
  • 施工企业建筑机械管理机构主要职责是负责建筑机械的
  • 湖南电子税务局网上办税大厅
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设