使用el-popconfirm 和 el-popover 的效果:
代码如下:
<el-popconfirm
confirm-button-text="好的"
cancel-button-text="不用了"
icon="el-icon-info"
icon-color="red"
placement="top"
@onConfirm="confirm"
@onCancel="cancel"
title="这是一段内容确定删除吗??????"
>
<el-button slot="reference" type="primary">删除</el-button>
</el-popconfirm>
<el-popover placement="top" width="160" v-model="visible">
<p>这是一段内容这是一段内容确定删除吗?</p>
<div style="text-align: right; margin: 0">
<el-button size="mini" type="text" @click="visible = false"
>取消</el-button
>
<el-button type="primary" size="mini" @click="visible = false"
>确定</el-button
>
</div>
<el-button slot="reference" type="success">删除</el-button>
</el-popover>
el-popover 的其他用法https://element.eleme.io/#/zh-CN/component/popover;