vue-router back 返回时携带参数

params 的应用返回前的页面设置参数this.$route.params.a = 'a';this.$route.params.b = 'b';返回的目标页面获取参数beforeRouteEnter(to, from, next) {const { a, b} = from.params; // 'a' 'b'// 此处无法直接设置 this.a this.bnext();}created()

这个需求建议不做

8044人浏览 · 2021-09-08 18:55:49

这个需求建议不做 · 2021-09-08 18:55:49 发布

params 的应用

返回前页面1设置参数

this.$route.params.a = 'a';
this.$route.params.b = 'b';

返回后页面2获取参数

let pA,pB;

beforeRouteEnter(to, from, next) {
  // 此处无法直接设置 this.a this.b
  pA = from.params.a; // 'a'
  pB = from.params.b; // 'b'
  next(); // 必需调用
}

created() {
  console.log(pA, pB); // 'a' 'b'
}

这里使用了导航守卫

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}$/, //不连续的两位字母// /^