Vue JS對(duì)URL網(wǎng)址進(jìn)行編碼解碼,轉(zhuǎn)換為對(duì)象方式
更新時(shí)間：2024年03月01日 10:13:31 作者：josemu
這篇文章主要介紹了Vue JS對(duì)URL網(wǎng)址進(jìn)行編碼解碼,轉(zhuǎn)換為對(duì)象方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
一、URL網(wǎng)址編碼解碼
//url 有%3A 這種是ASCII編碼，需要解碼 //encodeURIComponent，decodeURIComponent 直接使用
編碼：
var aaa = encodeURIComponent('http://www.baidu.com?name=Jose')
aaa結(jié)果："http%3A%2F%2Fwww.baidu.com%3Fname%3DJose"解碼：
var aaa = decodeURIComponent("http%3A%2F%2Fwww.baidu.com%3Fname%3DJose")
aaa結(jié)果："http://www.baidu.com?name=Jose"1.編碼示例
2.解碼示例
二、網(wǎng)址轉(zhuǎn)換為對(duì)象
// 封裝解析網(wǎng)址 轉(zhuǎn)為Object 格式
function getParamByUrl (url) {
var theRequest = new Object();
var index = url.indexOf("?");
let strs
if (index != -1) {
var str = url.substr(index + 1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ++) {
theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
}
}
return theRequest;
}總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
使用Vue開(kāi)發(fā)動(dòng)態(tài)刷新Echarts組件的教程詳解
這篇文章主要介紹了使用Vue開(kāi)發(fā)動(dòng)態(tài)刷新Echarts組件的教程詳解,需要的朋友可以參考下2018-03-03
Vue3+vite路由配置優(yōu)化(自動(dòng)化導(dǎo)入)
這篇文章主要介紹了Vue3+vite路由配置優(yōu)化(自動(dòng)化導(dǎo)入),需要的朋友可以參考下2023-09-09
Vue3使用html2canvas實(shí)現(xiàn)將指定div下載為圖片
這篇文章主要為大家詳細(xì)介紹了Vue3如何使用html2canvas實(shí)現(xiàn)將指定div下載為圖片,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2025-11-11
vue/Element?UI實(shí)現(xiàn)Element?UI?el-dialog自由拖動(dòng)功能實(shí)現(xiàn)
最近工作上需要在el-dialog基礎(chǔ)上進(jìn)行些功能的改動(dòng),下面這篇文章主要給大家介紹了關(guān)于vue/Element?UI實(shí)現(xiàn)Element?UI?el-dialog自由拖動(dòng)功能實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2023-06-06
這篇文章主要為大家介紹了Vue3中的computed和watch源碼解讀分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
Vue 父子組件的數(shù)據(jù)傳遞、修改和更新方法
下面小編就為大家分享一篇Vue 父子組件的數(shù)據(jù)傳遞、修改和更新方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
在vue2中提供了.sync修飾符,但是在vue3中不再支持.sync,取而代之的是v-model,本文給大家介紹在Vue2中v-model和.sync區(qū)別,感興趣的朋友一起看看吧2023-10-10
vue項(xiàng)目中安裝less依賴(lài)的過(guò)程
這篇文章主要介紹了vue項(xiàng)目中安裝less依賴(lài)的過(guò)程，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
vue3?defineExpose的使用及應(yīng)用場(chǎng)景分析
Vue3中defineExpose用于向父組件暴露子組件的屬性和方法,尤其在script setup語(yǔ)法中,需顯式聲明以實(shí)現(xiàn)組件間交互,可控制暴露內(nèi)容,避免過(guò)度暴露,同時(shí)注意響應(yīng)式數(shù)據(jù)解包與測(cè)試影響,本文給大家介紹vue3?defineExpose的使用,感興趣的朋友一起看看吧2025-06-06
說(shuō)說(shuō)Vue.js中的functional函數(shù)化組件的使用
這篇文章主要介紹了說(shuō)說(shuō)Vue.js中的functional函數(shù)化組件的使用，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-02-02