vue路由携带参数刷新页面，参数数据消失问题（query，params）

1.刷新页面后丢失携带参数，但是参数在url中不显示this.$router.push({name:'page',params:{param1:this.param1}})接收参数时用this.$route.params.param12.刷新页面后保留参数，但是参数在url中显示//但是，携带参数时用query，跳转后，url上会拼接参数，刷新页面后参数不会丢失，依然是那个带参数的urlthis.

不灭777

3944人浏览 · 2022-02-09 17:06:03

不灭777 · 2022-02-09 17:06:03 发布

1.刷新页面后丢失携带参数，但是参数在url中不显示

this.$router.push({
	name:'page',
	params:{
		param1:this.param1
	}
})
接收参数时用
this.$route.params.param1

2.刷新页面后保留参数，但是参数在url中显示

//但是，携带参数时用query，跳转后，url上会拼接参数，刷新页面后参数不会丢失，依然是那个带参数的url
this.$router.push({
  name: "page1",
  query: { code: this.code },
});
//接收参数时用
this.$route.query.code

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^