美文网首页
2018-01-24 promise与beforeRouteLe

2018-01-24 promise与beforeRouteLe

作者: Roy_skywalker | 来源:发表于2018-01-24 20:58 被阅读0次

今天的认真度70%。

最近的工作状态有点不是太好,生病太久,容易犯困和疲倦。

在做6.2的收尾工作,以及官网的收尾工作。

今天解决了一个bug,就是promise与beforeRouteLeave的结合使用时遇到的一点小问题。

场景:

修改了表格(或其它数据),在未保存的情况下点击了返回或后退,总之是要离开本页面前,利用钩子函数进行拦截,提示:“是否需要保存”。点击‘是’,保存成功后再离开;点击‘否’,跳过保存直接离开。

这里的难点在于,怎样判断是否保存成功,因为向后台发送保存请求毕竟是异步的。

如果用嵌套来做,就用不到iview的Modal.confirm()方法,会增加步骤的复杂度。

而如果要用Modal.confirm(),最好使用promise。

之前虽然一直有用到,但是总是无论保存是否成功,总是很快的离开了页面,后来才知道:

promise.then(callback()) 的callback()其实也是接收参数的,这个参数就是promise对象返回的值,如果在保存不成功时我们让它返回false,再结合beforeRouteLeave钩子函数中的next(false)方法,就能让路由留在原地,不发生跳转。

相关文章

  • 2018-01-24 promise与beforeRouteLe

    今天的认真度70%。 最近的工作状态有点不是太好,生病太久,容易犯困和疲倦。 在做6.2的收尾工作,以及官网的收尾...

  • 【promise-05】promise.all()与promis

    #promise.all()与promise.race() Promise.all()方法可以把多个promise...

  • 2018-01-24

    2018-01-24 枫叶_c481 2018-01-24 13:25 · 字数 662 · 阅读 0 · 日记本...

  • 2018-01-24

    2018-01-24 汪何炯 2018-01-24 10:26 · 字数 327 · 阅读 19 · 日记本 (万...

  • 10.Promise函数

    Promise.resolve()与new Promise(r => r(v))promise的使用场景promi...

  • Promise用法详解

    参考promise|深入理解 promise:promise的三种状态与链式调用 Promise对象只有三种状态 ...

  • 如何正确的使用Promise

    promise用法 对比传统回调函数与Pormise的写法 传统回调函数 Promise的写法 Promise要比...

  • promise与await

    解决异步编程的方法—promise与await promise是什么? Promise,简单说就是一个容器,里面保...

  • Callback 与 Promise 间的桥梁 —— promi

    Callback与Promise间的桥梁-------promisify Promise 自问世以来,得到了大量的...

  • Promise all单个返回错误的问题

    Promise.all的使用:可以把多个promise实例包装成一个,全部promise返回成功才算才算成功,与之...

网友评论

      本文标题:2018-01-24 promise与beforeRouteLe

      本文链接:https://www.haomeiwen.com/subject/edlpaxtx.html