vue框架中常见的路由传参就是通过prams和query 这两种，我这边就不说了，这边要介绍一下比较少见但是很实用的传参方法，平时其他网站是不是都有 xxxx/123 这样的后缀路径，其实vue框架也提供了这种方法。
在路由表中设置

    routes: [
        { path: '/home/:id/:name', component: home},   //直接在路由规则后面放上/：id表示是占位符
        { path: '/resgiest', component: resgiest }
      ],

然后直接通过传参

     this.$router.push({path: '/login/123/abc'})
     在其home组件里面通过
     this.$route.params.name 和 this.$route.params.id 获取对应的参数

这样做的好处就是隐藏传参属性，别人不知道 /login/123/abc 里面123的属性名是什么，同理，这样做刷新界面后，路径依然存在，所以传参也会保留

# vue.js # html # javascript
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