Vue 实现截取网络地址字符串携带的参数
实现效果,如图:
HTML代码:
<template>
<div>
<div style="background-color: #f4f4f4;margin:50px 0 0 460px;width:900px;height:300px;">
<p>截取前:{{ testurl }}</p>
<p>截取后(转为对象):{{ urlObj }}</p>
</div>
</div>
</template>
JavaScript代码:
<script>
export default {
data () {
return {
testurl: 'https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code',
urlObj: {}
}
},
created() {
this.getUrl()
},
methods: {
getUrl(){
var url = this.testurl
var temp1 = url.split('?')
var pram = temp1[1]
var keyValue = pram.split('&')
for (var i = 0; i < keyValue.length; i++) { // 循环分割后的地址
var item = keyValue[i].split('=')
var key = item[0]
var value = item[1]
this.urlObj[key] = value
}
}
}
}
</script>