Vue JS對URL網(wǎng)址進行編碼解碼,轉換為對象方式
更新時間：2024年03月01日 10:13:31 作者：josemu
這篇文章主要介紹了Vue JS對URL網(wǎng)址進行編碼解碼,轉換為對象方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
一、URL網(wǎng)址編碼解碼
//url 有%3A 這種是ASCII編碼，需要解碼 //encodeURIComponent，decodeURIComponent 直接使用
編碼：
var aaa = encodeURIComponent('http://www.baidu.com?name=Jose')
aaa結果："http%3A%2F%2Fwww.baidu.com%3Fname%3DJose"解碼：
var aaa = decodeURIComponent("http%3A%2F%2Fwww.baidu.com%3Fname%3DJose")
aaa結果："http://www.baidu.com?name=Jose"1.編碼示例
2.解碼示例
二、網(wǎng)址轉換為對象
// 封裝解析網(wǎng)址 轉為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;
}總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要給大家介紹了關于VUE3函數(shù)的聲明和使用的相關資料, Vue3是一種流行的JavaScript框架,它允許開發(fā)人員構建現(xiàn)代化的Web應用程序,需要的朋友可以參考下2023-07-07
vue-cli3.0如何使用prerender-spa-plugin插件預渲染
這篇文章主要介紹了vue-cli3.0如何使用prerender-spa-plugin插件預渲染，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
vue項目ElementUI組件中el-upload組件與圖片裁剪功能組件結合使用詳解
這篇文章主要介紹了vue項目ElementUI組件中el-upload組件與圖片裁剪功能組件結合使用，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要為大家詳細介紹了Vue實現(xiàn)簡單的跑馬燈，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-05-05
這篇文章主要為大家詳細介紹了vue實現(xiàn)移動端拖動排序，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
記錄一下踩坑,前幾天從同事手上接手了一個Vue的項目,下面這篇文章主要給大家介紹了關于VUE項目運行失敗原因及解決辦法的相關資料,本文以vscode為例,需要的朋友可以參考下2023-06-06
video.js是一個擁有h5背景的網(wǎng)絡視頻播放器，同時支持h5以及Flash視頻播放，這篇文章主要介紹了vue中使用video.js進行視頻播放,需要的朋友可以參考下2019-07-07
vue本地構建熱更新卡頓的問題“75?advanced?module?optimization”完美解決方案
這篇文章主要介紹了vue本地構建熱更新卡頓的問題“75?advanced?module?optimization”解決方案,每次熱更新都會卡在?"75?advanced?module?optimization"?的地方不動了，如何解決這個問題呢，下面小編給大家?guī)砹私鉀Q方案，需要的朋友可以參考下2022-08-08
vue如何解決el-select下拉框顯示ID不顯示label問題
這篇文章主要介紹了vue如何解決el-select下拉框顯示ID不顯示label問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
在Vue.js中可以使用Element UI庫中的<el-upload>組件來實現(xiàn)多文件上傳的功能,這篇文章主要給大家介紹了關于el-upload前端實現(xiàn)多文件上傳功能的相關資料,需要的朋友可以參考下2024-07-07