antd Modal.confirm确认框content内容自定义

努力进阶的快快~

于 2023-07-12 12:06:29 发布

阅读量2.4k

点赞数 2

文章标签：前端 vue.js

本文链接：https://blog.csdn.net/m0_69439101/article/details/131678686

版权

// 删除提示
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('删除失败');
    },
  });
};