vue路由传参,对参数值编码处理
vue路由传参:
问题:
- 很明显vue路由传参在没有任何处理的情况下,参数值会裸露在URL中,这并不是我们所希望的。但因为某些因素一定要用路由传参,最起码也要对这种裸露在URL中的参数值做个编码
JavaScript编码及解码:
btoa和atob:
atob和btoa是window对象的两个函数,用来编码解码Base64。
- btoa:binary to ascii,用于将binary数据用ascii码表示。常用于编码字符串。但是不能编码Unicode字符(例如:中文 泰文等)
- atob:ascii to binary,用于将ascii码解析成binary数据。用于解码Base64编码的字符串。
var a = btoa("FDSAfesg1545/*^%&$")
var b = atob(a)
console.log(a); //输出:RkRTQWZlc2cxNTQ1LypeJSYk
console.log(b); //输出:FDSAfesg1545/*^%&$
console.log(btoa("中国")); // 报错
encodeURI、encodeURIComponent和decodeURI、decodeURIComponent
- encodeURI:该方法不会对ASCII表中的字母和数字编码,同时也不会对ASCII中的标点符号编码 -_.~*’() 在URI中具有特殊含义的符号 **;/?
vue路由传参,对参数值编码处理相关推荐
- 详解vue路由传参的三种方式
在我们开发vue项目的时候,路由传参几乎是我们必须要用到的,一般出现场景是,当我们点击某个组件的某个按钮时跳转到另一个组件中,并携带参数,便于第二个组件获取数据.下面我就来说说vue路由传参的三种方式 ...
- 【vue】vue路由传参的三种方式
前言 vue 路由传参的使用场景一般都是应用在父路由跳转到子路由时,携带参数跳转.传参方式可划分为 params 传参和 query 传参,而 params 传参又可分为在 url 中显示参数和不显示 ...
- Vue路由传参三种方式
Vue路由传参三种方式 params传参 路由属性配置传参 query传参 一.params传参 this.$router.push({ name:"admin", //这里的pa ...
- vue路由传参-如何使用encodeURI加密参数
这篇文章主要介绍了vue路由传参-如何使用encodeURI加密参数,具有很好的参考价值,希望对大家有所帮助.如有错误或未考虑完全的地方,望不吝赐教 使用encodeURI加密参数 在路由切换时页面需 ...
- vue 路由传参 params 与 query两种方式的区别(转载)
vue 路由传参 params 与 query两种方式的区别 初学vue的时候,不知道如何在方法中跳转界面并传参,百度过后,了解到两种方式,params 与 query.然后,错误就这么来了: ro ...
- vue路由+ elementUI表格组件:loop文章列表页enter内容页(vue路由传参userid)- 代码篇
elementUI表格组件,response.data.newsLists列表如何循环出来?如何点击传参numId,并进入对应的内容页? 本文意图: 使用官方table组件:实现API调用:文章遍历. ...
- vue 路由传参 params 与 query两种方式的区别
vue 路由传参 params 与 query两种方式的区别 初学vue的时候,不知道如何在方法中跳转界面并传参,百度过后,了解到两种方式,params 与 query.然后,错误就这么来了: ro ...
- vue路由传参的三种方式/含页面刷新参数丢失解决方案(详细)
vue路由传参的三种方式以及页面刷新参数丢失问题 一.路由传参的三种方式 1.传参方式一:params传参 2.传参方式二:路由属性配置传参 3.传参方式三:query传参 二.三种传递方式的区别 一 ...
- Vue路由传参params 与 query
一.路由传参分为 params 传参与 query 传参 1. params params 传参类似于网络请求中的 post 请求,params 传过去的参数不会显示在地址栏中(但是不能刷新).par ...
最新文章
- IO流中文件和文件夹的删除程序举例
- js定时器、高亮修改单元格背景色
- ios 阅览器html5,HTML5测试:iOS 8浏览器Safari提升明显
- 重新创建Activity
- AJAX vs FLEX:执行,传送,解析JSON,HTML,XML,AFM格式效率比较.
- linux下编译libyuv,linux.mk
- 教你如何预判用户手势行为
- 首次曝光!支付宝支付加密规则梳理,写的太好了!
- 集成基站混频器本振噪声的规格与测量
- 微信小程序 下拉刷新 上拉触底分页
- Android新手爬坑之路——Failed to find provider info for com.example.databasetest.provider
- 天翼云云硬盘的磁盘模式及共享盘
- 知乎收藏数最高的1000个回答
- mysql5.7免安装版配置与修改密码
- 细品《穆斯林的葬礼》一书
- 从隐函数存在定理到隐函数定理
- STM32内部flash详解(1)
- spark-sql 指定metastore地址、读取mysql
- 《最高人民法院最高人民检察院关于办理非法利用信息网络、帮助信息网络犯罪活动等刑事案件适用法律若干问题的解释》
- 10种宝宝取名的方法
热门文章
- 详解vue路由传参的三种方式