vue项目中解决页面刷新数据丢失问题

最新推荐文章于 2022-08-09 16:56:01 发布

原创最新推荐文章于 2022-08-09 16:56:01 发布 · 464 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue

本文介绍了在Vue.js中如何通过路由传递参数，特别是当使用params进行页面跳转时，参数在页面刷新后会丢失。为了解决这个问题，文章建议使用query传值方式，因为query参数在页面刷新后仍能保留。在A页面中，通过点击按钮以query方式传递id值到B页面，并在B页面中展示了如何获取query参数。

A页面跳转到B页面，跳转时将id值传给B页面，采用params传值，页面刷新会使丢失数据，要解决这个问题那就需要用query传值

A页面

<template>
	<div>
		<button @click="toB(id)">跳转B页面</button>
	</div>
</template>
<script>
export default {
	methods:{
		toB(id){
	      this.$router.push({
	        name:'B',
	        query:{
	          id:id
	        }
	      })
    	}
	}
}
</script>