首页 > 代码库 > vue url解析函数
vue 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地址获得一个对象
使用方法:把以上代码添加到你的公共函数库
<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.$axios.get(‘/api/news?id=‘ + this.news.id).then((res) => { // success callback let myData = res.data.data; // 合并对象 this.news = Object.assign({},this.news,myData); }) } } </script>
其实用vue-router更简单
vue url解析函数
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。