保持在同一页面的 Vue.js 路由
P粉904405941
2023-08-25 12:27:01
<p>这是我第一次遇到这种情况，当我点击地址栏中的下一个按钮时，地址会发生变化，但页面仍然保持不变，就好像我没有点击下一个按钮一样。然而，新的步骤会显示在下面。希望有人能提供解决方案。提前感谢。</p>
<pre class="brush:php;toolbar:false;"><template>
<div>
<button @click="send" >下一个</button>
</div>
</template>
<script>
methods:{
send(){
this.$router.push('/page/commande/1')
}
</script>
//router
{
path:'/page/commande/1',
name:'ConfirmationSend',
component:() => import('../views/send.vue'),
},</pre>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
嘿，你应该将路由的完整路径(fullPath)作为路由视图(router-view)的key添加进去。这样只有在url参数改变时才会重新渲染页面/组件。