Vue.route passes parameters to another page, and after refreshing, the data passed disappears. Is there a better way to prevent the refresh data from disappearing?

method 1

     this.$router.push({name : "Redpacketstatistics", query: {
            activityStartTime:data.activityStartTime,
            activityEndTime:data.activityEndTime,
            id:data.id,
            activityName:data.activityName
          }});

method 2

this.$router.push({
name : "Redpacketstatistics", 
params:{
activityType:data.activityType,
activityStartTime:data.activityStartTime,
activityEndTime:data.activityEndTime,
id:data.id,
activityName:data.activityName
}
});

these two methods pass parameters. After the page is refreshed, there are no parameters. Is there any other method

?
Mar.17,2021

Local storage localStorage , etc. to manage the parameters around the


method should be carried on the link. Refresh should not be lost


dynamic parameters, or it is easy to lose parameters. Refresh and fallback may cause parameters to disappear. Path:'/home/:hh'// routing
this.$router.push ({name:'home',params: {hh:' is the same as dynamic id, hh',holle:'4546565454'} before,: id}) query is the same

Menu