ant design confirm的使用说明

最新推荐文章于 2024-07-04 16:27:39 发布

Hello.鑫

最新推荐文章于 2024-07-04 16:27:39 发布

阅读量2.5k

点赞数

文章标签： vue.js 前端 js

本文链接：https://blog.youkuaiyun.com/weixin_44037153/article/details/129381701

版权

该文详细介绍了如何使用Vue.js的$confirm方法创建自定义弹窗，包括设置标题、样式、内容、按钮显示、按钮文字、提示类型、图标以及绑定点击事件的操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

this.$confirm({
		title: '提示',
		class: 'deltip',
        width: '400px',
		content: <div style="position: relative;right: 14px;">内容</div>,
		cancelButtonProps: { style: { display: 'none' } }, // 隐藏取消按钮
		okText: '确认', 
       cancelText: '取消', 
        type: 'warning', 
		showCancel: false,
		icon: () => {
		  return <a-icon type="exclamation-circle" />
		},
		onOk () {},
        onCancel () {}
 })

说明：
title：标题
class: 样式名称
width：弹窗宽度
content：展示的内容如果想添加样式，可添加<div style="color:red;">内容</div>进行样式的控制。
cancelButtonProps：隐藏取消按钮
showCancel：是否显示右上角关闭按钮
okText：确认按钮文字更换
cancelText：取消按钮文字更换
type：提示类型 success/info/warning/error
icon：展示的提示图片
在这里插入图片描述
onOk: 点击确定操作
onCancel 点击取消操作