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地址获得一个对象

使用方法：把以上代码添加到你的公共函数库

<tempalte></tempalte>
<script>
import {urlParse} from 'urlParse.js';export default {data() {return {news: {id: (() =>{let get = urlParse();// console.log(get.id); 123return 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更简单

转载于:https://www.cnblogs.com/yesyes/p/6788869.html

vuejs解析url地址相关推荐

解析url地址的函数
写一个解析url地址的函数,要求出来协议,主机,端口,路径,参数等信息. 例:https://php.com:8080/path/?action=login&a=user&b=pass ...
js深度解析url地址
"站在巨人的肩膀上" 灵感来源: https://segmentfault.com/a/1190000004601319 和 http://mp.weixin.qq.com/mp/ ...
javascript中new url()属性，轻松解析url地址
1.首先写一个假的地址(q=URLUtils.searchParams&topic=api)相当于当前的window.location.href const urlParams = new U ...
URL地址问号传参解析
一.什么是URL参数? URL 参数是追加到 URL 上的一个名称/值对.参数以问号 (?) 开始并采用 name=value 的格式.如果存在多个 URL 参数,则参数之间用一个 (&) 符 ...
python通过下载链接下载_Python根据URL地址下载文件——wget
爬虫过程中经常会需要下载一些资源,通常我们会使用request进行下载,方法大致如下 import requests # 请求链接,有防爬的要加headers,代理ip地址 img = request ...
Java 解析URL
使用 net.URL 类的 url.getProtocol() ,url.getFile() 等方法来解析 URL 地址完整代码 import java.net.URL;public class M ...
Java 网络实例三（获取URL响应头的日期信息、获取URL响应头信息、解析URL、ServerSocket和Socket通信实例）
获取 URL响应头的日期信息以下实例演示了如何使用 HttpURLConnection 的 httpCon.getDate() 方法来获取 URL响应头的日期信息: import java.net. ...
python 乱码问题(编码url地址，python中open中文图片)
首先是解析url地址 url地址形如下面的格式,%E4%B8...... 通过urllib.unquote()解析我这串乱码的意思是:%E4%B8%AD%E6%96%87 = 中文 i_path = ...
URL 地址含汉字无法解析问题
最近升级第三方jar包后,导致许多问题,原来url 地址含有汉字问题,window和linux都可以正常解析,升级后,window可以正常应用,LInux无法解析,没有响应返回,直接导致系统退出. 由 ...

vuejs解析url地址

vuejs解析url地址相关推荐

最新文章

热门文章