Vue.js 경로를 동일한 페이지에 유지
P粉904405941
2023-08-25 12:27:01
<p>주소 표시줄에서 다음 버튼을 클릭하면 주소는 변경되지만 페이지는 다음 버튼을 클릭하지 않은 것처럼 그대로 유지되는 현상을 처음 접했습니다. 그러나 아래에는 새로운 단계가 나와 있습니다. 누군가가 해결책을 제공할 수 있기를 바랍니다. 미리 감사드립니다. </p>
<pre class="brush:php;toolbar:false;"><템플릿>
<div>
<버튼 @click="send">다음</button>
</div>
</템플릿>
<스크립트>
행동 양식:{
보내다(){
this.$router.push('/page/commande/1')
}
</스크립트>
//라우터
{
경로:'/페이지/명령어/1',
이름:'확인 보내기',
구성요소:() => import('../views/send.vue'),
},</pre>
라우터 뷰의 키로 경로의 전체 경로(fullPath)를 추가해야 합니다. 이렇게 하면 URL 매개변수가 변경될 때만 페이지/구성요소가 다시 렌더링됩니다.
으아아아