vue传值的编码和解码方式
目录
- vue传值的编码和解码
- 第一步:传值
- 第二步:取值
- 用vue时前端传值带有特殊符号的,到后台却被转义了
- 终于解决
- 直接上代码
vue传值的编码和解码
第一步:传值
编码 encodeURIComponent()
skip(){ this.$router.push({ path:'./channelPromotion?channelName='+'我是字 段'+'&&channelUrl='+encodeURIComponent('https://www.baidu.com/#/rejister.........') }) }
第二步:取值
解码 decodeURIComponent()
mounted(){ let channelUrl=decodeURIComponent(this.$route.query.channelUrl) console.log(channelUrl) }
用vue时前端传值带有特殊符号的,到后台却被转义了
终于解决
废话不多说。之前在写前端时,看了控制台数据传输时正常的10018-001->,但是到了后台直接变成了10018-001->当时抓狂了!!!
最后在伟大的度娘上找到了解决方法!!!!
最后利用java的StringEscapeUtils.unescapeHtml4,成功解决问题!
直接上代码
String s = StringEscapeUtils.unescapeHtml4(bomNo)
接收bomNo进行编译成String的s
这样就行了!!!
引入的包
import org.apache.commons.text.StringEscapeUtils;
maven里pom文件
<dependency> <groupId>org.apache.commons</groupId> <artifactId>commons-text</artifactId> <version>1.1</version> </dependency>
以上为个人经验,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
vue传值方式的十二种方法总结
目录 一.父传子传递 二.子传父传递 三.兄弟组件通信(bus总线) 四.ref/refs(父子组件通信) 五.Vuex通信 六.$parent 七.sessionStorage传值 八.路由传值 九.祖传孙 $attrs 十.孙传祖使用$listeners 十一.promise传参 十二.全局变量 一.父传子传递 (1)在父组件的子组件标签上绑定一个属性,挂载要传输的变量 (2)在子组件中通过props来接受数据,props可以是数组也可以是对象,接受的数据可以直接使用 props: ["属性
-
vue 中几种传值方法(3种)
前言 vue项目中,组件跟组件之间数据的传递是很普遍的行为,在这里总结几种常见的vue组件跟组件之间传值方式,其中,主要有父子组件,非父子组件传值. 父组件向子组件传值 方法:父组件内设置要传的数据,在父组件中引用的子组件上绑定一个自定义属性并把数据绑定在自定义属性上,在子组件添加参数props接收即可.具体可参考官方文档. 父组件传递参数代码如下: <template> <center-template :form='userinfo'></center-template&
-
详解Vue的七种传值方式
1,父传子 子组件中定义props字段,类型为数组(如果需要限制字段值类型,也可以定义为对象的形式).如下图的例子,父组件挂载子组件HelloWorld,在组件标签上给title赋值,子组件HelloWorld定义props,里面有一个值是title,这样子组件就可以使用父组件的值了. 父组件 <template> <div> <HelloWorld :title="msg" /> </div> </template> <
-
vue传值的编码和解码方式
目录 vue传值的编码和解码 第一步:传值 第二步:取值 用vue时前端传值带有特殊符号的,到后台却被转义了 终于解决 直接上代码 vue传值的编码和解码 第一步:传值 编码 encodeURIComponent() skip(){ this.$router.push({ path:'./channelPromotion?channelName='+'我是字 段'+'&&channelUrl='+encodeURIComponent('https://www.baidu.c
-
详谈js对url进行编码和解码(三种方式的区别)
Javascript语言用于编码的函数,一共有三个,最古老的一个就是escape().虽然这个函数现在已经不提倡使用了,但是由于历史原因,很多地方还在使用它,所以有必要先从它讲起. escape 和 unescape 实际上,escape()不能直接用于URL编码,它的真正作用是返回一个字符的Unicode编码值.比如"春节"的返回结果是%u6625%u8282,也就是说在Unicode字符集中,"春"是第6625个(十六进制)字符,"节"是第8
-
java base64编码、解码的三种方式总结
1.用法介绍 方式一:DatatypeConverter 说明:使用jdk自带的DatatypeConverter.java类实现,但是jdk版本必须>=1.6. import java.io.UnsupportedEncodingException; import javax.xml.bind.DatatypeConverter; 编码 /** * base64编码之方法一 * @explain DatatypeConverter.java实现 * @param str * 待编码字符串 *
-
分享Vue组件传值的几种常用方式(一)
目录 前言 第一种:父向子传值 新建文件导入结构 引入 注册 使用子组件 子组件内部代码完善 父组件内部代码完善 操作main.js文件 思路总结 前言 大家好,这个系列我们来讲解一下vue组件传值的几种常见方法和逻辑链路.最常见的vue组件传值分为三种,第一种是父向子传值,第二种是子向父传值,第三种是兄弟组件之间的传值,下面我们先就第一种情况来进行分析和编写. 第一种:父向子传值 父向子传值意思就是要把父组件里的值传递给子组件,方法是在子组件内部自定义一个props属性,通过props属性来完
-
.Net结合JS实现URL编码与解码
目录 解决问题 1.为什么需要编码? 1.1 浏览器对于中文的编码 1.2 需要编码的原因还有几点 2.怎样编码? 3.实际出现的问题解决方法 3.1.escape函数: 3.2.encodeURI函数 3.3.encodeURIComponent函数 在项目中碰到了ajax传来的参数,后台接收值乱码(如下图)的问题 在此记录一下 前台: 后台: 解决问题 为什么需要编码 怎样编码 实际出现的问题解决方法 1.为什么需要编码? URL 只能使用 ASCII 字符集来通过因特网进行发送.也就是说U
-
JavaScript字符集编码与解码详谈
一.字符集 1)字符与字节(Character) 字符是各种文字和符号的总称,包括乱码:一个字符对应1~n个字节,一字节对应8位,每位用0或1表示. 2)字符集(Character Set) 字符集是多个字符的集合,每个字符集包含的字符个数不同,常见字符集名称:ASCII字符集.GB2312字符集.Unicode字符集等. 3)字符集编码(Character Encoding) 字符集编码就是将符号转换为计算机可读的二进制,解码就是把二进制转换为人类可读的符号. 字符集大多对应一种编码方式(例如
-
Python简单实现Base64编码和解码的方法
本文实例讲述了Python简单实现Base64编码和解码的方法.分享给大家供大家参考,具体如下: Base64编码是一种"防君子不防小人"的编码方式.广泛应用于MIME协议,作为电子邮件的传输编码,生成的编码可逆,后一两位可能有"=",生成的编码都是ascii字符. 优点:速度快,ascii字符,肉眼不可理解 缺点:编码比较长,非常容易被破解,仅适用于加密非关键信息的场合 Python Base64编码和解码示例: >>> import base6
-
Go语言对JSON进行编码和解码的方法
本文实例讲述了Go语言对JSON进行编码和解码的方法.分享给大家供大家参考.具体如下: json已成为不同平台间传送数据的最佳方式,Golang对json的支持非常好,代码如下: 复制代码 代码如下: package main import ( "fmt" "encoding/json" ) func main() { // json encode j1 := make(map[string]interface{}) j1[&
-
JS 实现Base64编码与解码实例详解
Js实现Base64编码与解码 Base64其实是一种简单的置换加密方式,但是BASE64的用处往往并不是为了防止信息泄露,而且为了方便传输,进过BASE64编码后的信息会比原始信息长,大概是4/3倍. Base64是一种基于64个可打印字符来表示二进制数据的表示方法.由于2的6次方等于64,所以每6个比特为一个单元,对应某个可打印字符. Base64常用于在通常处理文本数据的场合,表示.传输.存储一些二进制数据.包括MIME的email,email via MIME, 在XML中存储复杂数据.
随机推荐
- 详解Python装饰器由浅入深
- IBM DB2 Connect简介(1)
- Mysql limit 优化,百万至千万级快速分页 复合索引的引用并应用于轻量级框架
- javascript中select下拉框的用法总结
- python用来获得图片exif信息的库实例分析
- Javascript alert消息换行的方法
- Yii不依赖Model的表单生成器用法实例
- import的本质解析
- 使用设计模式中的单例模式来实现C++的boost库
- java反射android的r文件的示例
- vue自定义过滤器创建和使用方法详解
- DIV+CSS+JS不间断横向滚动实现代码
- 超赞的随机颜色搭配工具
- 非常漂亮的JS代码经典广告
- 详解Linux查看程序端口占用情况
- MySQL简化输入小技巧
- ThinkPHP框架任意代码执行漏洞的利用及其修复方法
- 微信小程序报错:this.setData is not a function的解决办法
- GridView生成的HTML代码示例对比
- windows下jsp+mysql网站环境配置方法第1/2页