文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

uniapp路由传参的方式有哪些

2023-10-22 11:49

关注

在uniapp中,路由传参的方式有以下几种:

  1. query传参:通过在url中添加查询参数,例如/pages/home/home?param1=value1¶m2=value2,在目标页面可以通过this.$route.query获取参数。

  2. params传参:通过在url中添加路径参数,例如/pages/home/home/param1/param2,在目标页面可以通过this.$route.params获取参数。

  3. props传参:在路由配置中使用props: true,然后在目标页面通过props接收参数。例如:

    // 路由配置
    {
      path: '/pages/home/home',
      name: 'home',
      component: Home,
      props: true
    }