javascript - Comment Vue ne passe-t-il pas à la page suivante si le code n'est pas égal à 200 après avoir demandé des données avant d'entrer dans la page suivante?
Les données sont demandées avant d'accéder à la page. J'ai une exigence ici, qui est de demander à l'utilisateur des informations d'erreur si le code backend n'est pas égal à 200, et en même temps d'empêcher l'utilisateur d'accéder à la page suivante. Après avoir consulté le site officiel, si vous souhaitez interrompre la navigation, vous pouvez utiliser next(false), mais pourquoi cela ne fonctionne-t-il pas si je renvoie false ici, aidez-moi ?
beforeRouteEnter (to, from, next) {
Vue.$uop.loading.show({
text: '加载中'
})
reqData.req({
apiName: 'getAddress'
}).then((res) => {
next((vm) => {
vm.$uop.loading.hide()
res = res.data
if (res && res.code !== 200) {
vm.$uop.toast.show({
type: 'text',
text: res.message
})
return false // 这里怎么写才能不进入下一个页面
}
})
}).catch((error) => {
Vue.$uop.loading.hide()
Vue.$uop.toast.show({
type: 'text',
text: '请求地址数据异常'
})
})
