在toastr中要求确认后再删除,可以通过以下步骤实现:
下面是一个示例代码:
// 引入toastr库
import toastr from 'toastr';
// 初始化toastr
toastr.options = {
closeButton: true,
progressBar: true,
positionClass: 'toast-top-right',
preventDuplicates: true,
timeOut: 5000,
};
// 删除操作的按钮点击事件处理函数
function handleDelete() {
// 弹出确认对话框
toastr.confirm('确定要删除吗?', {
onOk: () => {
// 用户点击了确认按钮,执行删除操作
// TODO: 执行删除操作的代码
toastr.success('删除成功');
},
onCancel: () => {
// 用户点击了取消按钮,取消删除操作
toastr.info('取消删除');
},
});
}
// 绑定删除操作的按钮点击事件
const deleteButton = document.getElementById('delete-button');
deleteButton.addEventListener('click', handleDelete);
在上述示例代码中,我们使用了toastr的confirm方法弹出一个确认对话框,当用户点击确认按钮时,执行删除操作,并使用toastr的success方法显示删除成功的通知;当用户点击取消按钮时,显示取消删除的通知。
请注意,上述示例代码中的删除操作和通知仅作为示例,实际应用中需要根据具体需求进行相应的修改和完善。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。
领取专属 10元无门槛券
手把手带您无忧上云