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实现移动端图片上传功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
这篇文章主要介绍了vue路由篇之router-view内容无法渲染出来问题及解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
Vue CLI是一个强大的开发工具,可用于快速搭建Vue.js项目,在Vue CLI中使用自定义组件是构建交互式和模块化Web应用的重要一环,下面我们就来看看vue cli中如何使用自定义的组件吧2023-11-11
这篇文章主要介绍了不能通过IP地址访问VUE项目的问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
最近在用VUE写大屏页面,遇到屏幕自适应问题,下面这篇文章主要给大家介绍了关于vue项目的屏幕自适应多个方案的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-06-06
axios发送post请求springMVC接收不到参数的解决方法
下面小编就为大家分享一篇axios发送post请求springMVC接收不到参数的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
这篇文章主要介绍了Vue父子组件传值&自定义事件方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-08-08
本篇文章主要介绍了vue-router 导航钩子的具体使用方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
使用 Vue 3 的 createApp方法初始化应用的基本步骤
createApp 是 Vue 3 引入的全局 API,用于创建一个应用实例,这篇文章主要介绍了如何使用 Vue 3 的 createApp方法初始化应用,通过 createApp 方法,我们从 Vue 3 的基本初始化开始,扩展到插件的应用、多个应用实例的创建等,需要的朋友可以参考下2024-05-05
这篇文章主要介绍了Vue封装上传图片和视频的组件,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-07-07
最新评论