如何使用 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 不起作用？

参数顺序更新：(value, index) in arr, (value, key, index) in obj $index 和 $key 已弃用

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