如何在vue Router中使用冒号（:)

Question

推送后我的网址重新更新 我要创建此网址：

www.abc.com/istanbul-taksim-otelleri?checkin=2019-05-08&checkout=2019-05-16&filters=meal_types:full,half,etc;stars:1,2,4 

const query = {
  checkin: '2019-05-08',
  checkout: '2019-05-16',
  filters:'meal_types:full,half,etc;stars:1,2,4'
}
 this.router.push({query}) 

像这样的

www.abc.com/istanbul-taksim-otelleri?checkin=2019-05-08&checkout=2019-05-16&filters=meal_types%3Afull,half,etc%3Bstars%3A1,2,4

你有什么主意吗？如何解决？

Answer 1

请参见https://w3schools.com/tags/ref_urlencode.asp-%3A只是一个URL编码的冒号。 URL编码字符串是一种标准做法，在大多数情况下，为了生成有效的URL都是必需的。

如果您需要解码URL，则类似decodeURIComponent()的方法可能对您有用，例如：

const uri = 'www.example.com/:";[]}'

const encodedURI = encodeURIComponent(uri)
console.log(encodedURI)

const decodedURI = decodeURIComponent(encodedURI)
console.log(decodedURI)