开发中遇到刷新页面参数丢失的情况

params是路由的一部分，创建路由时，须要在路由后边添加参数名。
query是拼接在URL后边的参数，创建路由时，不用必须添加，可以直接跳转的时候携带即可

params 参数丢失情况：
  1. params 传参需要在路由后边添加参数名，例如：/:id/:name，如果在路由中没配置参数，当页面刷新之后，所传参数就会消失
  2. 如果在路由中配置了参数，例如： /:id/:name，params就是路由的一部分，如果这个路由有params传参，但是在跳转的时候没有传这个参数，会导致跳转失败或者页面会没有内容。
  3. 另外传参里面有对象的话，页面再次刷新丢失，打印会打印出 [Object,Object]，解决办法：可以用本地存储以及其他方法
query 参数丢失情况：
  1. query传参里面有对象的话，页面再次刷新丢失，打印会打印出 [Object,Object] ；
  2. 如果从 A页面 跳转到 B页面需要携带以下 A页面的参数时，在 B页面 刷新时，就会导致参数消失；解决办法：可以在A页面中点击跳转的时候，在本地存储一下需要携带的参数
Logo
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}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue