vuejs解析url地址函数：
// url解析函数
// ?id=111&name=567  => {id:111,name:567}
export function urlParse(){
let obj = {};
let reg = /[?&][^?&]+=[^?&%]+/g;
let url = window.location.search;
let arr = url.match(reg);
arr.forEach((item) => {
let tempArr = item.substring(1).split('=');
let key = decodeURIComponent(tempArr[0]);
let val = decodeURIComponent(tempArr[1]);
obj[key] = val;
})
return obj;
}
函数作⽤：解析url地址获得⼀个对象
js assign使⽤⽅法：把以上代码添加到你的公共函数库
<tempalte>
</tempalte>
<script>
import {urlParse} from 'urlParse.js';
export default {
data() {
return {
news: {
id: (() =>{
let get = urlParse();
// console.log(get.id); 123
return get.id;
})()
}
}
}
// 发送带参数的请求
created() {
this.$('/api/news?id=' + ws.id).then((res) => {
// success callback
let myData = res.data.data;
// 合并对象
})
}
}
</script>
其实⽤vue-router更简单

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。