vue URL 显性显示query参数，不转义中括号[]

您好！针对您的问题，我可以提供以下解决方案：您可以使用encodeURIComponent()函数将中括号进行编码，然后再将编码后的字符串作为参数传递给URL。例如，您可以这样写URL：/test?param1=value1&param2=value2&arrayParam=%5B%27value3%27,%20%27value4%27%5D。请注意，%5B是左中括号的编码，%5D是右中括号的编码。希望这个回答能够解决您的问题。如果您有其他问题，请随时提出。

相关问题

vue3通过query参数获取url 中参数

Vue3提供了一个叫做useRoute的API，通过该API可以获取到当前路由信息，包括URL中的query参数。

具体来说，我们可以在组件中引入useRoute API，并在组件中使用它：

import { useRoute } from 'vue-router'

export default {
  setup() {
    const route = useRoute()
    console.log(route.query)  //获取url 中参数
  }
}

上面的代码中，我们引入了vue-router中的useRoute API，并在组件的setup方法中使用了它。最后我们通过route.query来获取当前路由中的query参数。

vue 路由使用query传值如何隐藏url中的参数

使用Vue的路由，可以通过将参数传递为query参数的方式来传递参数。但是，这样会在URL中暴露参数，不太安全，因此需要使用路由的动态路由参数来隐藏参数。

步骤如下：

1. 在路由的path中定义动态路由参数，例如：

{
  path: '/user/:id',
  component: User,
  props: true
}

2. 在组件中通过props接收参数，例如：

export default {
  props: ['id'],
  ...
}

3. 在路由跳转时，使用params传递参数，例如：

router.push({ name: 'user', params: { id: 123 }})

这样就可以通过动态路由参数来隐藏参数，而不会在URL中暴露。