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時前端傳值帶有特殊符號的,到后臺卻被轉(zhuǎn)義了
終于解決
廢話不多說。之前在寫前端時，看了控制臺數(shù)據(jù)傳輸時正常的10018-001->，但是到了后臺直接變成了10018-001->當時抓狂了?。。?/p>
最后在偉大的度娘上找到了解決方法?。。。?/p>
最后利用java的StringEscapeUtils.unescapeHtml4，成功解決問題！
直接上代碼
String s = StringEscapeUtils.unescapeHtml4(bomNo)
接收bomNo進行編譯成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>
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue使用file-saver本地文件導出,大家需要安裝xlsx和file-saver，然后創(chuàng)建localExports.js文件，具體實現(xiàn)代碼跟隨小編一起看看吧2022-01-01
VUE開發(fā)分布式醫(yī)療掛號系統(tǒng)的醫(yī)院設(shè)置頁面步驟
這篇文章主要為大家介紹了VUE開發(fā)分布式醫(yī)療掛號系統(tǒng)的醫(yī)院設(shè)置頁面步驟，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-04-04
本篇文章主要介紹了Vue組件之全局組件與局部組件的使用詳解，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
element-plus+Vue3實現(xiàn)表格數(shù)據(jù)動態(tài)渲染
在Vue中,el-table是element-ui提供的強大表格組件,可以用于展示靜態(tài)和動態(tài)表格數(shù)據(jù),本文主要介紹了element-plus+Vue3實現(xiàn)表格數(shù)據(jù)動態(tài)渲染,感興趣的可以了解一下2024-03-03
vue按需加載組件webpack require.ensure的方法
本篇文章主要介紹了vue按需加載組件webpack require.ensure的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-12-12
vue3+element-plus?Dialog對話框的使用與setup?寫法的用法
這篇文章主要介紹了vue3+element-plus?Dialog對話框的使用?與?setup?寫法的使用,本文通過兩種方式結(jié)合實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
better scroll可以實現(xiàn)輪播圖和頁面滾動，是移動端滾動插件，這篇文章主要介紹了vue better scroll 無法滾動的解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-06-06
這篇文章主要為大家詳細介紹了vue實現(xiàn)數(shù)字翻頁動畫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
今天小編就為大家分享一篇解決VUE雙向綁定失效的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
這篇文章主要介紹了vue element-ui中table合計指定列求和實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11