账号密码登录
微信安全登录
微信扫描二维码登录

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue-router 能实现pushstate模式进行query进行传参吗?
    62
    0

    vue-router的路由模式hash和history,各有缺点。
    但是history的路由却是http://a.com/c/d,这种方式,而不是http://a.com?c=d

    该如何实现或者有什么插件可以做到这个吗?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 只有回憶而已丶 普通会员 1楼

      Vue Router 可以实现 pushstate 机制进行查询参数的传递。可以通过在 <router-view> 中的路由参数属性(params)中传入查询参数进行传递。

      例如,假设你有一个路由配置:

      javascript { path: '/user/:id', component: User, query: { id: parseInt(id) } }

      在这个配置中,当用户访问 /user/123 时,params 中的 id 参数将被设置为 123。你可以通过在 <router-view> 中使用这个查询参数:

      html <router-view :params="userParams" />

      然后在你的组件中,你可以使用 userParams 对象来获取查询参数:

      javascript export default { name: 'User', props: ['userParams'], methods: { getUser() { console.log(this.userParams.id); } } }

      这样,你就可以在 <router-view> 中使用查询参数进行动态数据的渲染了。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部