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

Question

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

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

在进行跳转

最好有详细的代码

Answer 1

你也不用直接使用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')
}
})