vue传值的编码和解码方式
更新时间：2022年07月01日 17:03:35 作者：沫熙瑾年
这篇文章主要介绍了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>
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了Vue2.0+SVG实现音乐播放圆形进度条组件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-09-09
这篇文章主要介绍了vue-router 手势滑动触发返回功能，文中通过实例代码给大家介绍了vue图片左右滑动及手势缩放,需要的朋友可以参考下2018-09-09
这篇文章主要介绍了Vue路由与a标签链接锚点发生冲突问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要介绍了vue使用router-view调用页面方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
我们在做项目经常会遇到组件功能不能满足业务需求的时候,这时候需要在原有的组件上进行二次封装,下面这篇文章主要给大家介绍了关于Vue组件二次封装的一些实用技巧,需要的朋友可以参考下2022-04-04
vue element el-select下拉滚动加载的方法
很多朋友都遇到这样一个问题在使用vue+element的el-select下拉框加载返回数据太多时，会造成卡顿，用户体验欠佳，这篇文章主要介绍了vue element el-select下拉滚动加载方法,需要的朋友可以参考下2022-11-11
这篇文章主要介绍了关于ElementUI自定义Table支持render，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
这篇文章主要介绍了vue 中 scoped 样式作用域的规则，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-09-09
最近项目更新频繁,每次一更新客户都说还跟之前的一样,一查原因是因为客户没有清空浏览器的缓存,所以为了方便客户看到最新版本,开始调研再发布新版本后自动清理缓存,这篇文章主要给大家介绍了关于Vue项目每次发版后要清理浏览器缓存问题的解决办法,需要的朋友可以参考下2024-02-02
这篇文章主要给大家介绍了关于vue使用keep-alive后清除缓存的相关资料,这个问题在我们日常工作中经常会用到,本文通过示例代码介绍的非常详细,需要的朋友可以参考下2021-08-08
最新评论