如何使用Sweet Alert和vue.js提醒和刪除任務？

Question

我收到Sweet Alert的確認警報消息，但是單擊確認消息后，無法刪除任務。

methods: {
    confirmDelete: function(index) { //index is passed by the button
        //var self = this;
        swal({
            title: 'Are you sure?',
            text: "You won't be able to revert this!",
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes, delete it!',
            closeOnConfirm: true
        }, function(isConfirm) {
            if (isConfirm) {
                this.contacts.splice(index, 1);
                swal(
                    'Deleted!',
                    'Your file has been deleted.',
                    'success'
                );

                return true;
            } else {
                return false;
            }
        }.bind(this));
    }
}

Answer 1

可能的問題是this語句嘗試執行以下操作：

    var self = this;
    function(isConfirm) {
              if(isConfirm){
                  self.contacts.splice(index, 1);
                  swal(
                    'Deleted!',
                    'Your file has been deleted.',
                    'success'
                  );

                  return true;
              }
              else{
                return false;
              }

工作版本： https ： //jsfiddle.net/jyfdh32g/

我更改了什么：vue版本到最后一個穩定版本-1.0.25確認按鈕動作樣式： https ://limonte.github.io/sweetalert2/示例。

為什么$index不起作用？

參數順序更新：不建議使用arr中的（值，索引），obj $ index和$ key中的（值，鍵，索引）

https://github.com/vuejs/vue/issues/2873