$router.push跳转页面 url地址栏出现乱码

根据提供的引用内容，可以看出在使用`$router.push`进行页面跳转时，如果URL中包含中文字符，可能会出现乱码的情况。为了解决这个问题，可以使用`encodeURI`对中文字符进行编码，在下一个页面加载时使用`decodeURI`对URL进行解码。

以下是一个示例代码，演示了如何使用`$router.push`进行页面跳转并解决URL乱码的问题：

// 在当前页面使用$router.push进行页面跳转
this.$router.push({ path: "/index", query: { msg: encodeURI("我是消息") } });

// 在下一个页面加载时获取URL中的参数
created() {
  this.msg = decodeURI(this.$route.query.msg);
}

在上述代码中，`encodeURI`函数用于对中文字符进行编码，`decodeURI`函数用于对URL进行解码。通过这种方式，可以确保URL中的中文字符不会出现乱码。

相关问题

this.$router.push('/');

this.$router.push('/')是Vue.js中的路由跳转方法，用于将用户导航到指定的URL地址。在Vue.js中，路由器(router)是一个重要的概念，它可以帮助我们实现单页面应用程序(SPA)中的页面切换和URL地址切换。

当我们调用this.$router.push('/')时，Vue.js会自动将当前路由切换到指定的URL路径'/'。这个方法会向浏览器的历史记录中添加一个新条目，并且会更新URL地址栏中的地址。这种方式可以实现无需刷新页面的页面跳转。

需要注意的是，在使用this.$router.push('/')前，我们需要在Vue组件中引入Vue Router，并进行相关配置。例如，在Vue Router中需要配置路由规则，以便在用户点击导航链接时能够正确地切换到相应的页面。

this.$router.resolve和push的区别

this.$router.resolve和this.$router.push是Vue Router中用于导航的两个方法，它们的区别在于：

1. 参数类型：this.$router.resolve只支持query参数，而this.$router.push可以同时支持query参数和params参数。

2. 导航方式：this.$router.resolve只是返回目标路由的信息，不会进行页面跳转，而this.$router.push会进行页面跳转。

3. 地址栏显示：使用this.$router.push进行路由跳转时，参数会显示在地址栏中；而使用this.$router.resolve进行路由跳转时，参数不会显示在地址栏中，可以通过结合localStorage或第三方插件来保存参数。