账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    vue参数传递查询字符串
    42
    0

    vue项目，我有一个订单(order)列表页,对应路径为：test/order/all，
    还有一个订单详情页，对应路径：test/order/detail?id=123456
    想根据订单id，动态路由匹配，因为路径中带有字符串(问号、等号、订单号）,我的Path该怎么写呢？

    
  
  { 
  path:'/order/detail?id=:id',
  component:OrderDetail,
},


我是这样写的，写的不对，因此找不到对应组件，正确的路径 Path的写法是什么呢，求助。
    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 最后一次聆聽你的心跳聲。 普通会员 1楼

      在Vue中，我们可以使用$route.push()方法来传递参数。这个方法会替换当前的路由，创建一个新的路由，参数从url中获取，然后更新组件的data中。

      以下是一个例子：

      javascript // 在index.js中，创建新的路由 this.$router.push({ path: '/new route', query: { param1: 'value1', param2: 'value2' } });

      然后在组件中，我们可以使用props来获取这些参数：

      javascript // 在组件的data中，获取参数 this.$route.query.param1 = this.data.param1; this.$route.query.param2 = this.data.param2;

      这样，当我们访问新的路由时，这些参数就会被传递过去。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部