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時(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
這樣就行了?。?!
引入的包
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開發(fā)分布式醫(yī)療掛號(hào)系統(tǒng)的醫(yī)院設(shè)置頁(yè)面步驟
這篇文章主要為大家介紹了VUE開發(fā)分布式醫(yī)療掛號(hào)系統(tǒng)的醫(yī)院設(shè)置頁(yè)面步驟,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-04-04element-plus+Vue3實(shí)現(xiàn)表格數(shù)據(jù)動(dòng)態(tài)渲染
在Vue中,el-table是element-ui提供的強(qiáng)大表格組件,可以用于展示靜態(tài)和動(dòng)態(tài)表格數(shù)據(jù),本文主要介紹了element-plus+Vue3實(shí)現(xiàn)表格數(shù)據(jù)動(dòng)態(tài)渲染,感興趣的可以了解一下2024-03-03vue按需加載組件webpack require.ensure的方法
本篇文章主要介紹了vue按需加載組件webpack require.ensure的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-12-12vue3+element-plus?Dialog對(duì)話框的使用與setup?寫法的用法
這篇文章主要介紹了vue3+element-plus?Dialog對(duì)話框的使用?與?setup?寫法的使用,本文通過兩種方式結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-04-04vue better scroll 無(wú)法滾動(dòng)的解決方法
better scroll可以實(shí)現(xiàn)輪播圖和頁(yè)面滾動(dòng),是移動(dòng)端滾動(dòng)插件,這篇文章主要介紹了vue better scroll 無(wú)法滾動(dòng)的解決方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-06-06vue實(shí)現(xiàn)數(shù)字翻頁(yè)動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)數(shù)字翻頁(yè)動(dòng)畫,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-08-08vue element-ui中table合計(jì)指定列求和實(shí)例
這篇文章主要介紹了vue element-ui中table合計(jì)指定列求和實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2020-11-11