vue路由传参-使用encodeURI加密参数
在路由切换时页面需要使用地址栏传参,但地址栏会暴露参数的值,然后想到了encodeURI加密参数
比如参数是一个对象obj
obj:{id: 1,name: 'Tom'
}
那么需要将参数转换为JSON字符串,在使用encodeURI
加密,需要注意的是通过路由跳转的时候会自动解密一次,所以需要加两次密
let param = {id: 1,name: 'Tom'}param = encodeURI(JSON.stringify(param))param = encodeURI(param) // 第二次加密this.$router.push({path: `/record-index-city/${param}`,})
解密方式是使用decodeURI
let param = this.$route.params.paramparam = JSON.parse(decodeURI(param))
加密后效果:
vue路由传参-使用encodeURI加密参数相关推荐
- vue路由传参-如何使用encodeURI加密参数
这篇文章主要介绍了vue路由传参-如何使用encodeURI加密参数,具有很好的参考价值,希望对大家有所帮助.如有错误或未考虑完全的地方,望不吝赐教 使用encodeURI加密参数 在路由切换时页面需 ...
- Vue路由传参及传参后刷新导致参数消失处理
参考:https://blog.csdn.net/qq_43103581/article/details/82260073(vue 路由传递参数,刷新页面后参数丢失) 项目功能需要,要从列表页跳转到第 ...
- vue路由传参的三种方式/含页面刷新参数丢失解决方案(详细)
vue路由传参的三种方式以及页面刷新参数丢失问题 一.路由传参的三种方式 1.传参方式一:params传参 2.传参方式二:路由属性配置传参 3.传参方式三:query传参 二.三种传递方式的区别 一 ...
- Vue路由传参和接收参数
Vue 路由传参和接收参数主要有四种解决方法如下:
- vue 路由传参 params 与 query两种方式的区别(转载)
vue 路由传参 params 与 query两种方式的区别 初学vue的时候,不知道如何在方法中跳转界面并传参,百度过后,了解到两种方式,params 与 query.然后,错误就这么来了: ro ...
- vue页面传参(多个参数传值)与接参 - 代码篇
index.js路由规则设定: /searchResult/syyName=:syyName 发送页面: //传参页面 this.$router.push({name: 'SearchResult', ...
- 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项目的时候,路由传参几乎是我们必须要用到的,一般出现场景是,当我们点击某个组件的某个按钮时跳转到另一个组件中,并携带参数,便于第二个组件获取数据.下面我就来说说vue路由传参的三种方式 ...
最新文章
- 服务器 SSH客户端软件 FileZilla 和 xshell
- BCH将于9月1日进行压力测试
- 简明python教程电子版-简明Python教程PDF电子书免费下载
- 【C++】如何提高Cache的命中率,示例
- SpringMVC 、Struts的区别
- java执行指定目录的class文件
- Flash小玩意图案创作:新增MulCircle和圆环
- sharepoint数据库连接
- ubuntu14.04+gtsam安装(亲测)
- 谷歌停止中国版搜索引擎;李楠宣布离职魅族;微软用 Rust 替代 C/C++ | 极客头条...
- 【VUE】vue在vue-cli3环境下基于axios解决跨域问题
- hibernate延迟加载,LazyInitializationException session失效问题。多数据源配置
- python在自动化中的应用_python中在自动化运维的应用
- python读取txt第二行_使用python获取csv文本的某行或某列数据的实例
- 【从C到C++学习笔记】引用/const引用/引用传递/引用作为函数返回值/引用和指针的区别
- Eclipse的使用教程
- 第一章	使用SOAPUI测试和开发Web Services Stubs
- 从零开始构建 RPM 包
- Android JNI开发三: SO库的使用
- vue3 中使用antd UI组件
热门文章
- Java并发性和多线程介绍、优缺点
- sql注册服务器视频教程,服务器sql server安装教程视频
- 为何要用sys.exit()退出?
- 十年架构五年生活-06 离职的冲动
- PHP订单模块梳理(乐观锁)
- Tyk GateWay - Authorization使用参数访问GateWay
- o.boj 1445 All Blue
- JS入门基本教程(适合没编程基础新手)
- 单击单元格实现可编辑的表格(学号和姓名下)
- php mysql环境 xp_PHP环境配置 for winXP(IIS PHP5 MySQL5 ZendOptimizer phpmyadmin安装与配置...