Vue JS对URL网址进行编码解码,转换为对象方式
更新时间：2024年03月01日 10:13:31 作者：josemu
这篇文章主要介绍了Vue JS对URL网址进行编码解码,转换为对象方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
一、URL网址编码解码
//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.解码示例
二、网址转换为对象
// 封装解析网址 转为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;
}总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了使用Vue开发动态刷新Echarts组件的教程详解,需要的朋友可以参考下2018-03-03
这篇文章主要介绍了Vue3+vite路由配置优化(自动化导入),需要的朋友可以参考下2023-09-09
Vue3使用html2canvas实现将指定div下载为图片
这篇文章主要为大家详细介绍了Vue3如何使用html2canvas实现将指定div下载为图片,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2025-11-11
vue/Element UI实现Element UI el-dialog自由拖动功能实现
最近工作上需要在el-dialog基础上进行些功能的改动,下面这篇文章主要给大家介绍了关于vue/Element UI实现Element UI el-dialog自由拖动功能实现的相关资料,需要的朋友可以参考下2023-06-06
这篇文章主要为大家介绍了Vue3中的computed和watch源码解读分析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
下面小编就为大家分享一篇Vue 父子组件的数据传递、修改和更新方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
在vue2中提供了.sync修饰符,但是在vue3中不再支持.sync,取而代之的是v-model,本文给大家介绍在Vue2中v-model和.sync区别,感兴趣的朋友一起看看吧2023-10-10
这篇文章主要介绍了vue项目中安装less依赖的过程，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
Vue3中defineExpose用于向父组件暴露子组件的属性和方法,尤其在script setup语法中,需显式声明以实现组件间交互,可控制暴露内容,避免过度暴露,同时注意响应式数据解包与测试影响,本文给大家介绍vue3 defineExpose的使用,感兴趣的朋友一起看看吧2025-06-06
这篇文章主要介绍了说说Vue.js中的functional函数化组件的使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-02-02
最新评论