el-popover

<el-popover
  placement="top"
  width="160"
  trigger="hover"
  ref="popover"
  v-model="visible">
  <p>确认要清空所有互斥关系吗？</p>
  <div style="text-align: right; margin: 0">
    <el-button size="mini" type="text" @click="hidePopover">取消</el-button>
    <el-button type="primary" size="mini" @click="confirm">确定</el-button>
  </div>
  <i class="el-icon-delete" slot="reference"></i>
</el-popover>
export default {
    methods: {
        confirm() {
            this.hidePopover()
        },
        hidePopover() {
            this.visible = false;
            this.$refs['popover'].doClose()
        },
    }
}

文章信息

• 文章标题：Element-ui 使用经验总结 - Keystion
• 文章链接：https://webclown.net/posts/Element-ui-使用经验总结.html
• 版权声明：本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。
• 转载请注明来自 Keystion ！

[Element-ui 使用经验总结 - Keystion](https://webclown.net/posts/Element-ui-使用经验总结.html)