保持在同一頁的 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>
嘿，你應該將路由的完整路徑(fullPath)作為路由視圖(router-view)的key加入。這樣只有在url參數改變時才會重新渲染頁面/元件。