在Laravel控制器中,可以通过以下步骤将整个确认按钮转换为SweetAlert2中的链接:
npm install sweetalert2
use RealRashid\SweetAlert\Facades\Alert;
public function yourMethod()
{
// ...
Alert::question('确认', '你确定要执行此操作吗?')
->showConfirmButton('是的', '#3085d6')
->showCancelButton('取消', '#aaa')
->reverseButtons()
->focusConfirm(false)
->confirmButtonClass('btn btn-primary')
->cancelButtonClass('btn btn-secondary')
->confirmLink('/your-link')
->toHtml();
// ...
}
在上述代码中,yourMethod()
是你的控制器方法名,/your-link
是你想要链接到的目标链接。
这段代码将创建一个SweetAlert2弹窗,其中包含一个确认按钮和一个取消按钮。确认按钮的文本为“是的”,链接为/your-link
。取消按钮的文本为“取消”。
你可以根据需要自定义按钮的样式和文本。showConfirmButton()
方法用于设置确认按钮的文本和颜色,showCancelButton()
方法用于设置取消按钮的文本和颜色。confirmButtonClass()
和 cancelButtonClass()
方法用于设置按钮的CSS类。
最后,使用 toHtml()
方法将SweetAlert2弹窗转换为HTML代码,并将其嵌入到你的视图中。
请注意,上述代码中使用的是Laravel框架中的SweetAlert2扩展包 RealRashid\SweetAlert
。你可以根据自己的需求选择其他类似的扩展包或自行实现SweetAlert2的功能。
领取专属 10元无门槛券
手把手带您无忧上云