SweetAlert 弹窗的时候会擅自滚动页面到顶端，怎么禁止滚动？[找到解法三！]

纯猜测：你的删除按钮是不是用的链接，然后 href="#"？

try this: https://github.com/sweetalert2/sweetalert2

执行这个代码之前，用 e.preventDefault(); 阻止其他的event试试
代码可能就是这样子

$('[name=btn_delete]').on('click', function(e) {
    e.preventDefault();

    swal({ 
        title:  "Are you sure?", 
        text:  "Once deleted, you will not be able to recover this imaginary file!", 
        icon:  "warning", 
        buttons:  true, 
    dangerMode:  true,  })
    .then((willDelete)  =>  { 
        if  (willDelete)  {  
            swal("Poof! Your imaginary file has been deleted!",  { 
                icon:  "success",  });  
            }  else  {  
                swal("Your imaginary file is safe!");  
            }
        });
});

谢谢大家的热心帮助！最佳答案已经由 songxue77 给出了。我的删除按钮是

 <a href="#" @click="handleDelete(article, $event); return false;"></a>

//上面是vue模版里的删除按钮，下面是执行脚本

handleDelete(article, e) {
    e.preventDefault() //必须的，防止弹窗时滚动页面！
    swal({
        title: "确定删除吗？",
        icon: "warning",
        buttons: ['取消', '确定'],
        dangerMode: true,
    })
        .then((willDelete) => {
            if (willDelete) {
                axios.delete('/article/delete/'+article.id)
                    .then(()=>{
                        article.deleted=true; // props虽然不能被改变，但是可以给它加个键值对
                        this.$forceUpdate()  //妙！强制刷新DOM，将被删除的项目隐藏掉
                    })
            }
        });
}

还有第二种解决方法，参见1楼 largezhou 给出的解答。

刚才温习了vue官方文档的事件修饰符小节内容，自己找到了解决方法3，供大家参考（灵感来自 songxue77 给出的解决方案，这里只是应用到 Vue 环境下的另一种写法而已）

<a href="#" @click.prevent="handleDelete(article)"></a>

//以上vue模版里的链接删除了第2个参数，并删除了没生效的 return false 语句
//注意：@click.prevent 增加了事件修饰符 prevent
//以下为执行脚本

handleDelete(article) {
    // e.preventDefault() // 使用了事件修饰符，可以删掉本行及第2个参数
    swal({
        title: "确定删除吗？",
        icon: "warning",
        buttons: ['取消', '确定'],
        dangerMode: true,
    })
        .then((willDelete) => {
            if (willDelete) {
                axios.delete('/article/delete/'+article.id)
                    .then(()=>{
                        article.deleted=true; // 标记文章为已删除
                        this.$forceUpdate()  // 强制刷新DOM，隐藏已删除的
                    })
            }
        });
}