返回顶部
首页 > 资讯 > 前端开发 > JavaScript >vue传值的编码和解码方式
  • 263
分享到

vue传值的编码和解码方式

2024-04-02 19:04:59 263人浏览 泡泡鱼
摘要

目录Vue传值的编码和解码第一步:传值第二步:取值用vue时前端传值带有特殊符号的,到后台却被转义了终于解决直接上代码vue传值的编码和解码 第一步:传值 编码  enco

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-&gt当时抓狂了!!!

最后在伟大的度娘上找到了解决方法!!!!

最后利用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>

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。 

--结束END--

本文标题: vue传值的编码和解码方式

本文链接: https://lsjlt.com/news/153226.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • vue传值的编码和解码方式
    目录vue传值的编码和解码第一步:传值第二步:取值用vue时前端传值带有特殊符号的,到后台却被转义了终于解决直接上代码vue传值的编码和解码 第一步:传值 编码  enco...
    99+
    2024-04-02
  • vue传值的编码和解码怎么实现
    本文小编为大家详细介绍“vue传值的编码和解码怎么实现”,内容详细,步骤清晰,细节处理妥当,希望这篇“vue传值的编码和解码怎么实现”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。vue传值的编码和解码第一步:传值...
    99+
    2023-07-02
  • vue组件传值的方式
    vue组件传值的方式:1、父传子;2、子传父;3、兄弟传值;4、问号传值,冒号传值和父子组件传值;5、使用“$ref”传值;6、使用“inject”给当前实例注入父组件的数据;7、祖传孙;8、孙传祖;9、$parent;10、session...
    99+
    2023-07-18
  • java传值乱码解决方法
    在做JavaWeb时,总是时不时的会遇到中文传值乱码问题,在你把所有”ISO-8859-1”改成“UTF-8”发现还是没什么用。于是我就找到了一个百试百灵的方法(至少目前我是),就是强行转换成“UTF-8”编码。看代码:@RequestMa...
    99+
    2017-11-11
    java 乱码
  • java base64编码、解码的三种方式
    在Java中,可以使用以下三种方式进行base64编码和解码:1. 使用Java8的java.util.Base64类(推荐)```...
    99+
    2023-08-24
    java
  • python密码学Base64编码和解码的方法
    本文小编为大家详细介绍“python密码学Base64编码和解码的方法”,内容详细,步骤清晰,细节处理妥当,希望这篇“python密码学Base64编码和解码的方法”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。B...
    99+
    2023-06-30
  • Vue中如何使用base64编码和解码
    目录Vue使用base64编码和解码Vue路由获取query中base64解码出错总结Vue使用base64编码和解码 在项目根目录下安装 npm install --save js...
    99+
    2023-02-08
    Vue使用base64编码 Vue使用base64解码 base64编码和解码
  • php中post传值乱码的解决方法
    小编给大家分享一下php中post传值乱码的解决方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!php post传值乱码的解决办法:1、在传递前进行编码 ,并在...
    99+
    2023-06-20
  • 详解vue组件之间相互传值的方式
    目录概述一、父组件向子组件传值二、子组件向父组件传值1.子组件绑定一个事件,通过 this.$emit() 来触发2.通过 callback 函数3. 通过 $parent / $c...
    99+
    2024-04-02
  • vue组件传值的方式有哪些
    这篇文章主要介绍vue组件传值的方式有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! 组件传值方式:1、通过路由进行传值;2、通过在父组件中让子组件标...
    99+
    2024-04-02
  • golang中常用的几种编码解码方式
    当我们需要将一个编码格式转换成另一个编码格式时,就需要用到转码。在Go语言中,转码操作非常方便,可以使用内置的encoding包来快速完成转码操作。Go语言中的encoding包提供了许多常用的编码解码方式,例如JSON、XML、Base6...
    99+
    2023-05-14
  • python编码和解码的方法是什么
    Python提供了多种编码和解码的方法。以下是一些常用的方法:1. encode():用于将字符串编码为指定的编码格式。例如,可以使...
    99+
    2023-09-16
    python
  • vue传值方式的十二种方法总结
    目录一.父传子传递二.子传父传递三.兄弟组件通信(bus总线)四.ref/refs(父子组件通信)五.Vuex通信六.$parent七.sessionStorage传值八.路由传值九...
    99+
    2024-04-02
  • vue页面传值有哪些方式
    vue中页面传值的方式有:1.拼接url传值;2.通过query传值;3.通过params传值;vue中页面传值的方式有以下几种拼接url传值 this.$router.push('/editCardetaileditTy...
    99+
    2024-04-02
  • vue组件传值有什么方式
    组件传值方式:1、通过路由进行传值;2、通过在父组件中让子组件标签绑定父组件的数据,子组件的props接收父组件穿过来的值,子组件的props接收父组件传的值;3、子组件向父组件传值,用“this.$emit”来遍历getData事件。vu...
    99+
    2023-07-18
  • vue组件传值方式有哪些
    vue组件传值的方法:1、使用props传递数据,父组件通过HTML属性的方式将数据传递给子组件,子组件通过props来接收传递过来的数据;2、使用$emit触发事件传递数据,子组件使用$emit触发自定义事件,父组件通过v-on来监听子组...
    99+
    2023-07-10
  • Java实现UTF-8编码与解码方式
    目录Java实现UTF-8编码与解码使用UTF-8或GBK编码后还是乱码的问题两者的区别是总结Java实现UTF-8编码与解码 Java代码如下: import java.net.U...
    99+
    2023-05-15
    Java UTF-8编码 Java UTF-8解码 Java UTF-8
  • vue组件传值的11种方式总结
    目录1、父组件传给子组件2、子组件传给父组件3、兄弟组件间传值4、路由间传值 i.使用问号传值5、使用$ref传值6、使用依赖注入传给后代子孙曾孙7、祖传孙 $attrs8、孙传祖9...
    99+
    2023-01-13
    vue组件传值 vue组件 组件传值
  • FileZilla续传和乱码的解决方法
    这期内容当中小编将会给大家带来有关FileZilla续传和乱码的解决方法,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。FileZilla是一种快速、可信赖的FTP客户端以及服务器端开放源代码程式,具有多种...
    99+
    2023-06-16
  • js对url进行编码解码的方式有哪些
    使用encodeURIComponent()和decodeURIComponent()函数: // 编码 var encoded...
    99+
    2024-03-08
    JS
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作