vue傳值的編碼和解碼方式
更新時(shí)間：2022年07月01日 17:03:35 作者：沫熙瑾年
這篇文章主要介紹了vue傳值的編碼和解碼方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
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時(shí)前端傳值帶有特殊符號(hào)的,到后臺(tái)卻被轉(zhuǎn)義了
終于解決
廢話不多說。之前在寫前端時(shí)，看了控制臺(tái)數(shù)據(jù)傳輸時(shí)正常的10018-001->，但是到了后臺(tái)直接變成了10018-001->當(dāng)時(shí)抓狂了?。?！
最后在偉大的度娘上找到了解決方法?。。?！
最后利用java的StringEscapeUtils.unescapeHtml4，成功解決問題！
直接上代碼
String s = StringEscapeUtils.unescapeHtml4(bomNo)
接收bomNo進(jìn)行編譯成String的s
這樣就行了！?。?/p>
引入的包
import org.apache.commons.text.StringEscapeUtils;
maven里pom文件
<dependency> ?? ??? ??? ?<groupId>org.apache.commons</groupId> ?? ??? ??? ?<artifactId>commons-text</artifactId> ?? ??? ??? ?<version>1.1</version> ?? ??? ?</dependency>
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue實(shí)現(xiàn)移動(dòng)端圖片上傳功能
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)移動(dòng)端圖片上傳功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
vue路由篇之router-view內(nèi)容無法渲染出來問題
這篇文章主要介紹了vue路由篇之router-view內(nèi)容無法渲染出來問題及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
Vue?CLI是一個(gè)強(qiáng)大的開發(fā)工具,可用于快速搭建Vue.js項(xiàng)目,在Vue?CLI中使用自定義組件是構(gòu)建交互式和模塊化Web應(yīng)用的重要一環(huán),下面我們就來看看vue?cli中如何使用自定義的組件吧2023-11-11
這篇文章主要介紹了不能通過IP地址訪問VUE項(xiàng)目的問題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
vue項(xiàng)目的屏幕自適應(yīng)多個(gè)方案總結(jié)
最近在用VUE寫大屏頁面,遇到屏幕自適應(yīng)問題,下面這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目的屏幕自適應(yīng)多個(gè)方案的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
axios發(fā)送post請(qǐng)求springMVC接收不到參數(shù)的解決方法
下面小編就為大家分享一篇axios發(fā)送post請(qǐng)求springMVC接收不到參數(shù)的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了Vue父子組件傳值&自定義事件方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
本篇文章主要介紹了vue-router 導(dǎo)航鉤子的具體使用方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
使用 Vue 3 的 createApp方法初始化應(yīng)用的基本步驟
createApp 是 Vue 3 引入的全局 API,用于創(chuàng)建一個(gè)應(yīng)用實(shí)例,這篇文章主要介紹了如何使用 Vue 3 的 createApp方法初始化應(yīng)用,通過 createApp 方法,我們從 Vue 3 的基本初始化開始,擴(kuò)展到插件的應(yīng)用、多個(gè)應(yīng)用實(shí)例的創(chuàng)建等,需要的朋友可以參考下2024-05-05
這篇文章主要介紹了Vue封裝上傳圖片和視頻的組件,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-07-07