vue获取浏览器url参数
前段时间写的后台管理 有个需求:订单页面生成二维码图片扫描二维码跳转至app页面第一次经历哇!!!从扫描二维码跳转过来的时候 url里边携带订单id(参数)例如 http://www.hahaha.com/list?orderId=214285#/home外部进入的url会放在VUE项目编译以后自动加“#/”,其中带的参数在#/之前,那么我们只能用JS的方法来获取在methods中定义方法 获取到
·
前段时间写的后台管理 有个需求:订单页面生成二维码图片 扫描二维码跳转至app页面
第一次经历哇!!!
从扫描二维码跳转过来的时候 url里边携带订单id(参数)
例如 http://www.hahaha.com/list?orderId=214285#/home
外部进入的url会放在VUE项目编译以后自动加 “#/” ,其中带的参数在#/之前,那么我们只能用JS的方法来获取
在methods中定义方法 获取到参数
/* 获取地址栏url参数 */
getUrlKey() {
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.urlId = cs.orderId;
},
然后再需要这个id的方法中 调用getUrlKey()就行了
做一个小小的笔记 收藏
更多推荐
已为社区贡献4条内容
所有评论(0)