5.16.1.快速使用
气泡确认框组件(v1.1.0新增)是对 ElPopconfirm 的扩展,并对原来的样式进行了美化以及属性扩展,使用示例:
运行代码
新窗口打开
只有 title 没有 content 时会把 title 当作 content 使用。
5.16.2.属性列表
支持 ElPopconfirm 的全部属性(请查看 Element 文档),还增加了几个实用属性,全部属性:
如果觉得气泡离触发元素的间距太大可以通过 offset 属性调整:
运行代码 新窗口打开
当气泡出现位置不是中间时如果觉得气泡箭头太靠近边缘可以通过 popperOptions 调整:
运行代码 新窗口打开
如果要修改图标样式通过 iconProps 和 iconStyle 两个属性都可以修改:
运行代码 新窗口打开
iconProps 和 iconStyle 的详细说明,在 Element 中使用图标是要包一个 ElIcon 组件的:
所以通过 iconProps 也可以设置图标的样式或 class , iconStyle 属性是考虑到你可能想直接给 SVG 加样式。
5.16.3.事件列表
支持 ElPopconfirm 的全部事件(请查看 Element 文档),以及 ElePopover 的全部事件:
5.16.4.插槽列表
例如通过 action 插槽再增加一个操作按钮,并设置样式让按钮位置重新排列:
运行代码 新窗口打开
5.16.5.实例方法
全部实例属性及方法: