weixin_42011194
2018-04-27 05:40
采纳率: 50%
浏览 5.3k

vue2.0<router-link @click.native='事件'>怎么满足条件跳转

vue2.0
添加点击事件调用ajax 返回数据

怎么根据 返回的值 进行判断

在进行跳转

最好有详细的代码

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • qq_26406403 2018-04-29 04:47
    已采纳

    你也不用直接使用router-link 进行跳转, router-link的实现也是绑定的click事情。像你这种根据条件进行跳转的,可以使用编程式路由导航。
    使用任意一个标签,如button绑定click 事件, 然后在事件中通过push或者go 方法动态导航。 click 事件如下:
    // 发送请求, 如果成功 跳转 到detail页面,如果失败跳转到login
    axios.post(url)
    .then(res => {
    if (res.status === 200) {
    this.$router.push('/detail')
    }else {
    this.$router.push('/login')
    }
    })

    
    
    已采纳该答案
    2 打赏 评论
  • yzz3730781 2018-04-27 06:19

    你直接用普通的标签就好了,干嘛一定要用router-link 普通的点击事件 绑定方法包含你的ajax请求 就好,然后根据返回的值 ,按你们定义的规则 来选择跳转就好

    打赏 评论
  • qq_34138148 2018-04-27 07:44

    不建议在router-link上面添加点击事件

    打赏 评论
  • qqadslwzh515 2018-04-27 07:54

    这是个伪命题啊,跳转逻辑和Ajax是同时执行的,就跟你在带有链接的a标签里写请求一样,除非你去改底层跳转逻辑,不然不行的。你还是在普通标签里写事件,然后router跳吧

    打赏 评论
  • weixin_39424061 2018-04-27 13:36

    v-if=布尔值

    打赏 评论

相关推荐 更多相似问题