如何使整个确认按钮成为Laravel控制器中sweetalert2中的链接

Question

我有一个正在使用的控制器中的https://realrashid.github.io/sweet-alert/中的甜味剂。我的确认按钮仅在您单击实际的“是”文本时才起作用，因为这是链接所在的位置。如果我单击确认按钮上的其他任何位置，警报将关闭。我希望整个按钮都能通过该链接。谢谢。

public function show($id) {
  $user = User::find($id);

  Alert::warning('Deleting user -<br/>are you sure?')
    ->showCancelButton($btnText = 'Cancel', $btnColor = '#dc3545')
    ->showConfirmButton($btnText = '<a href="/admin/users/'. $id .'/delete">Yes</a>', $btnColor = '#38c177')
    ->autoClose(false);

  return redirect()->route('users.index');
}

Answer 1

为链接添加一些类，也向按钮添加类：

Alert::warning('Deleting user -<br/>are you sure?')
    ->showCancelButton($btnText = 'Cancel', $btnColor = '#dc3545')
    ->showConfirmButton(
        $btnText = '<a class="add-padding" href="/admin/users/'. $id .'/delete">Yes</a>', // here is class for link
        $btnColor = '#38c177',
        ['className'  => 'no-padding'], // add class to button
    )->autoClose(false);

在CSS中为该类设置样式：

.no-padding {padding:0 !important;}

.add-padding {
    padding: .625em 2em; # padding as you need according your styles
    display: inline-block;
}