vue3 路由出现乱码

在Vue3中，路由出现乱码通常是因为中文字符没有被正确编码和解码导致的。为了解决这个问题，你可以使用JavaScript中的`encodeURI()`方法对中文字符进行编码，然后在接收参数的组件中使用`decodeURI()`方法进行解码。

具体的做法如下所示：
1. 在路由中传递参数时，你可以使用`encodeURI()`方法对中文字符进行编码，例如：`this.$router.push({ path:"/index", query:{ msg:encodeURI("我是消息") } })`。
2. 在接收参数的组件中，可以使用`decodeURI()`方法对参数进行解码，例如在`created()`或其他适当的生命周期方法中使用`this.msg = decodeURI(this.$route.query.msg)`来解码并赋值给组件的变量。

通过这样的处理，可以解决vue3路由出现乱码的问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue路由跳转传参乱码解决](https://blog.csdn.net/a_b_ccv/article/details/103455108)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [Vue Router路由搭建](https://blog.csdn.net/weixin_41819731/article/details/99621584)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]