如何更改Swal的确认按钮

Question

我正在使用 Sweetalertjs 并且我已经对此进行了编码以向用户显示弹出消息：

$(document).ready(function(){
            let popup_shown = false;
            let cookies = document.cookie.split('; ');
            for( let i=0; i<cookies.length; i++ ){
                cookie = cookies[i].split('=');
                if( cookie[0] == 'zxczxc' )
                    popup_shown = true;
            }
            if( !popup_shown ){
                    var popup_data = '{!! $output !!}'
                    Swal.fire({ html:popup_data });
                    document.cookie = "zxczxc=1; path=/";
            }
        });

它运行良好且完美，但我只需要知道如何更改默认设置为 Ok.

的 Cofirm 按钮文本

所以我搜索了一下，他们说我可以通过这个来做到这一点：

        swal({
            confirmButtonText: 'Yes, I am sure!',
        },

但这是错误的，因为我使用 Swal.fire 来显示弹出窗口。

那么在这种情况下如何更改确认按钮文本？

Answer 1

Swal.fire({
  title: '<strong>HTML <u>example</u></strong>',
  icon: 'info',
  html:
    'You can use <b>bold text</b>, ' +
    '<a href="//sweetalert2.github.io">links</a> ' +
    'and other HTML tags',
  showCloseButton: true,
  showCancelButton: true,
  focusConfirm: false,
  confirmButtonText:
    '<i class="fa fa-thumbs-up"></i> Great!',
  confirmButtonAriaLabel: 'Thumbs up, great!',
  cancelButtonText:
    '<i class="fa fa-thumbs-down"></i>',
  cancelButtonAriaLabel: 'Thumbs down'
})

请查看其官方 github 页面上的说明 https://sweetalert2.github.io/

如何更改Swal的确认按钮

How to change confirm button of Swal

javascript

php

laravel

sweetalert

sweetalert2