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>
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue使用file-saver本地文件导出,大家需要安装xlsx和file-saver，然后创建localExports.js文件，具体实现代码跟随小编一起看看吧2022-01-01
这篇文章主要为大家介绍了VUE开发分布式医疗挂号系统的医院设置页面步骤，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-04-04
本篇文章主要介绍了Vue组件之全局组件与局部组件的使用详解，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
在Vue中,el-table是element-ui提供的强大表格组件,可以用于展示静态和动态表格数据,本文主要介绍了element-plus+Vue3实现表格数据动态渲染,感兴趣的可以了解一下2024-03-03
vue按需加载组件webpack require.ensure的方法
本篇文章主要介绍了vue按需加载组件webpack require.ensure的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-12-12
vue3+element-plus Dialog对话框的使用与setup 写法的用法
这篇文章主要介绍了vue3+element-plus Dialog对话框的使用 与 setup 写法的使用,本文通过两种方式结合实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-04-04
better scroll可以实现轮播图和页面滚动，是移动端滚动插件，这篇文章主要介绍了vue better scroll 无法滚动的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-06-06
这篇文章主要为大家详细介绍了vue实现数字翻页动画，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
今天小编就为大家分享一篇解决VUE双向绑定失效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10
这篇文章主要介绍了vue element-ui中table合计指定列求和实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
最新评论