vue 获取url参数
需求:从外部连接上从用户的路径上获取URL'?'之后 的参数,根据参数获取传入后台;目录,在和src同级的目录中新建一个util.js在util.js中写入: export default {getUrlKey: function (name) {return decodeURIComponent((new RegExp('[...
·
需求:从外部连接上从用户的路径上获取URL'?'之后 的参数,根据参数获取传入后台;
目录,在和src同级的目录中新建一个util.js
在util.js中写入:
export default {
getUrlKey: function (name) {
return decodeURIComponent(
(new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null;
}
}
在main.js中注册:
import utils from './utils'; //获取url参数
Vue.prototype.$utils = utils; //注册全局方法
在XXX.vue页面使用
let aCode = [];
let acode = this.$utils.getUrlKey("acode");
// 获取政务微信传过来的acode值并返回给后台
$.ajax({
url:'http://192.168.20.90:8888/res072501/jdbg/jsxxCon/getUser?acode=' + acode,
type:'GET',
dataType:'json',
success:function(data){
aCode = data
}
})
注:
若地址栏URL为:abc.html?id=123&url=http://www.maidq.com
那么,但你用上面的方法去调用:alert(GetQueryString("url"));
则会弹出一个对话框:内容就是 http://www.maidq.com
如果用:alert(GetQueryString("id"));那么弹出的内容就是 123 啦;
更多推荐
已为社区贡献39条内容
所有评论(0)