时间戳

首页 > 解决方案 > 如何推送具有不同参数的路线？

vue.js - 如何推送具有不同参数的路线？

问题描述

嗨，我正在尝试推送一个页面，但似乎对我当前所在页面的任何推送都不会重新加载页面，例如 /about 到 /about 不会做任何事情（这很好）。如果我推送的页面与我所在的页面不同，它将引导我进入该页面并重新加载（预期）。问题是我在 url 中使用了一个参数，它会影响 /profile/jordan1 等显示的内容，当我推送 /profile/jordan2 时，因为它的基本路由相同并且只有参数更改，它确实在 URL 中显示 /profile/jordan2 但是实际上并没有重新加载页面，所以页面不会重新填充 jordan2 数据并保持不变，所以我可以自己重新加载浏览器，它会工作，但我希望按钮点击像它应该做的那样做

我正在使用 Vuetify 并尝试在按钮组件中使用 :to 以及 @click 并创建一个方法

:to="'/profile/' + this.$store.state.userAuthData.username"

this.$router.push({ name: 'Profile', params: { username: this.$store.state.userAuthData.username } })

两者都工作相同并且有相同的问题。（我实际上是在使用该路由的计算属性，但为简单起见只是这样写）

标签： vue.jsvuetify.js

解决方案

推荐阅读