Vue - router params 새로고침 후 값이 없어질때

vue.js 에서 화면이동 하면서 params 를 넘겨주실 때 아래와 같이 사용하고 있으시다면

 

해당페이지에서 새로고침을 하였을경우 params에 값이 다 날아가버려서 당황하실 수 있습니다.

this.$router.push({path : '/update', name:'update', params: {title: '제목', contant:"내용"}});

 

새로고침을 하였을 때에도 값을 유지하고 싶으시다면 위의 코드에서 params 를 query 로 바꿔주시면 됩니다.

this.$router.push({path : '/update', name:'update', query: {title: '제목', contant:"내용"}});

값을 꺼내어 쓰실때에는 params 와 똑같이 query 로 사용하시면 됩니다.

this.$route.query.title
this.$route.query.contant