Javascript 当我转到Vue.js中的$router url目标时，如何防止我的$router参数消失？

当我转到目标组件部分（代码片段复制并粘贴在下面）时，gameID参数会在浏览器中显示半秒钟，然后消失，而game_name参数将永久可见。我不知道如何使gameID参数保持不变，以便我也可以在浏览器中永久显示它

我的路由器/index.js文件

{
    path: '/StreamersForGame/:game_name',
    name: 'StreamersForGame',
    component: StreamersForGame,
}

组件中使用$router.push命令（在“方法：”部分下）

}

路由器链接目标组件模板部分

<template>
  <div class="hello">
    <h1>Streamers for '{{ $route.params.game_name }}'</h1>
    <h2>GameID: {{ $route.params.gameID }}</h2>
  </div>
</template>

“{$route.params.game_name}”的拖缆
GameID:{{$route.params.GameID}

因为游戏名称在您的路径中

'/StreamersForGame/：game\u name'

但gameID不是

因此，您必须将其添加到路径中，或者可以通过查询传递：

this.$router.push({
    name: 'StreamersForGame',
    params: {
        game_name: gameName,
    },
    query: {
        gameID: gameID,
    }
});

您可以这样访问它：

$route.query.gameID

---

因为游戏名称在您的路径中

”/StreamersForGame/：game\u name'

但gameID不是

因此，您必须将其添加到路径中，或者可以通过查询传递：

this.$router.push({
    name: 'StreamersForGame',
    params: {
        game_name: gameName,
    },
    query: {
        gameID: gameID,
    }
});

您可以这样访问它：

$route.query.gameID