Utlizing Promise控制VueJs中的事件流

时间:2016-01-26 13:58:53

标签: javascript promise vue.js sweetalert

我有一个处理HTTP请求的Vue指令。我正在尝试做的是利用promises并将SweetAlert挂钩到流程中。我首先解雇了onRequestSubmit

    bind: function () {
        this.el.addEventListener('click', this.onRequestSubmit.bind(this));
    },

在onRequestSubmit

    onRequestSubmit: function (e) {
        e.preventDefault();

        this.fireFlashMessage()
        .then(this.vm.$http[this.getRequestType()](this.el.getAttribute("data-delete-url"), this.aggregateData()))
        .then(this.onComplete.bind(this))
        .catch(this.onError.bind(this));
    },

我希望fireFlashMessage在用户确认时返回true,以便onRequestSubmit可以委派请求。

我的问题是:我应该将fireFlashMessage包装在一个承诺中,并在调用成功返回时继续然后吗?我是Promises的新手,有点难以绕过他们。

1 个答案:

答案 0 :(得分:2)

SweetAlert确认Windows使用回调函数,而不是承诺。然后在回调中你会使用像

这样的承诺
form

编辑:已移除<form>,因为不再使用该功能,但如果您愿意,可以再次重构