Vue 获取URL链接后面的参数值

摘要:
=null)returnunescape;returnnull;}愚蠢的方法用于安装在手机上的(){//http://localhost:8080/#/order/Payresult?//alert//orderCode=20200721093517378188743943022varcc=''之后的参数字符串;varcs2=“”;如果{cs=cs.replace;varcc=cs.split('&')[0];//Get-orderidvarcs1=cs.slit('&')[1];//ocd=2020008103843816416953617735 varcs2=cs1.replace;//2020081038436416953617735},则执行此操作。oid=cc;这orderCode=cs2;}====一劳永逸的方法=============1====3===getUrlKey{//获取url参数returndecodeURIComponent((newRegExp('[?

PC端如以下地址获取ptypeorderId的值

http://localhost:20472//AppWeb/ToPay?ptype=2&orderId=e6c1f659-94cd-4e4d-b7c9-56b3c8a7a8d6

function getQueryString(name) { 
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var l = decodeURI(window.location.search);
    var r = l.substr(1).match(reg);
    if (r != null) return unescape(r[2]);
    return null;
}

笨办法用在了手机端

mounted() {
            //http://localhost:8080/#/order/Payresult?orderCode=20200721093517378188743943022
            var url = window.location.href ; //获取url中"?"符后的字串   
            var cs = url.split('?')[1];        //获取?之后的参数字符串
            //alert(url+'地址');//orderCode=20200721093517378188743943022
            var cc ='';
            var cs2 = '';
            if (cs.length > 0)
            {
                cs = cs.replace('orderId=', '');
                var cc =cs.split('&')[0];//获取orderid
                var cs1 = cs.split('&')[1];//ocd=20200818103843816416953617735
                var cs2 = cs1.replace('ocd=', '');//20200818103843816416953617735
            }
            this.oid = cc;
            this.orderCode = cs2;
        } 
====一劳永逸的方法===================
getUrlKey(name){//获取url 参数
return decodeURIComponent(
(new RegExp('[?|&]'+name+'='+'([^&;]+?)(&|#|;|$)').exec(location.href)||[,""])[1].replace(/+/g,'%20'))||null;
}
引用:
this.getUrlKey(ptype)

免责声明:文章转载自《Vue 获取URL链接后面的参数值》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇react中使用antd-mobile的dreawer抽屉组件从踩坑到自己造轮子C++之INL文件的使用下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

CSDN博客专栏文章批量下载脚本[python实现]

    最近发现CSDN的blog专栏还是很给力的,毕竟这是一整个系列的文章,学习某方面知识比较容易形成体系,而且前人的经验还是相当有参考价值的。     原先也开了两个,只是工作比较忙,加之lz比较懒,所以没啥人气,囧。     最近看书之余,也会去看看别人的专栏,虽然你看或不看,文章就在那里,但是不能上网的时候还是很蛋疼的     so,花了一个小时...

linux 更改mysql的数据库目录

MYSQL默认的数据文件存储目录为/var/lib/mysql。假如要把目录移到/home/data下需要进行下面几步:1、home目录下建立data目录cd /homemkdir data2、把MySQL服务进程停掉: mysqladmin -u root -p shutdown3、把/var/lib/mysql整个目录移到/home/datamv /...

零基础 Vue 开发环境搭建 打开运行Vue项目

【相关推荐】IntellIJ IDEA 配置 Vue 支持 打开Vue项目 所需文件 node.js环境(npm包管理器)(node-v8.11.3-x64.msi)(npmV5.6.0) cnpm npm的淘宝镜像 vue-cli 构建工具(脚手架) 一、安装node 安装完node,就自动在path里增加环境变量,但是为了以后的本地部署项目,我们需要找...

vue后台(一)

一,项目准备工作 1.拿到已经是二次开发的代码, npm i , 安装依赖包 ES6模块暴露和导入复习 1. 导出方式一: 默认一次性导出 (只能有一个) export default xxx 本质: 整个模块是一个对象, 对象中有default属性, 即: {default: xxx} 2....

vue 项目按需引入多个ui组件库

在做项目的过程中遇到了公司组件库没有的组件,这个时候需要按需引入elementUI ,同时公司的组件库也是按需引入的,减少项目的体积。话不多说直接上代码: 首先:我们需要借助  babel-plugin-component,npm install babel-plugin-component -D 其次:我们找到我们的 bable.congig.js 来配...

Jqgrid获取行id

//获取选中行(单行)的ID var id = $("#table").jqGrid('getGridParam','selrow'); //根据id获取行数据,返回的是列表 var rowDatas = $("#table").jqGrid('getRowData', id);...