vue傳值的編碼和解碼方式

Posted on by

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>

以上為個人經驗，希望能給大傢一個參考，也希望大傢多多支持WalkonNet。 

推薦閱讀：