
// 删除提示
const deleteFn = val => {
Modal.confirm({
title: '删除',
icon: createVNode(ExclamationCircleOutlined),
content: () =>
h('span', {}, [
h('span', '确认删除此用户'),
h(
'span',
{
style: {
color: 'var(--ant-primary-color)',
},
},
val.userName,
),
h('span', '吗?'),
]),
okText: '确认',
cancelText: '取消',
centered: true,
onOk() {
message.success('删除成功');
},
onCancel() {
message.error('删除失败');
},
});
};

该代码片段展示了一个使用Modal.confirm创建的删除确认对话框,对话框中显示用户的名字并提供确认和取消选项。点击确认会模拟删除操作并显示成功消息,取消则显示错误消息。
5338





