vue路由跳转问题

如果当前页面处于/下,采用<router-link :to="{path:'/',query:{category_id:item.id}}">跳转</router-link>进行跳转,实际上页面并没有跳转效果,能不能处理成类似不同路由之间的跳转那种效果?

如图
图片描述

Article位于/下,Category下是在/?category_id=n,我希望可以通过点击实现跳转效果,而不是只是增加参数

阅读 4.7k
3 个回答

可否说明你这样做的目的,

  • 遇到过类似问题,当前页跳当前页会闪上个id查出来的值。不知道你要解决什么问题

没看懂你的问题,如果你是想要在页面处于/的时候,跳转到指定的路由,那你可以用重定向,参考:

routes: [
        { path: '/', redirect: to => {
            // 方法接受 目标路由 作为参数
            // return 重定向的 字符串路径/路径对象
        }}
    ]

而且<router-link>的作用类似于a标签,是需要你去触发才会执行的

<div @click="jump">跳转</div>

jump(){
    this.$router.push({
        path: '/home'
      })
}

前提是home是在路由已配置好,比如重定向

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题