[JavaScript知识库]vue+elementUI弹出确认框和气泡确认框

vue+elementUI弹出确认框和气泡确认框

vue的弹出确认框

	this.$confirm("此操作将不可恢复, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })

elementUI气泡确认框
https://element.eleme.cn/#/zh-CN/component/popconfirm

这是官网的自定义气泡框
很丰富的字段控制气泡框的各种元素样式

<template>
<el-popconfirm
  confirm-button-text='好的'
  cancel-button-text='不用了'
  icon="el-icon-info"
  icon-color="red"
  title="这是一段内容确定删除吗？"
>
  <el-button slot="reference">删除</el-button>
</el-popconfirm>
</template>

下面是我根据我的需求写的
加一个@表示执行方法

• 执行方法的@click
• 确认按钮执行方法@onConfirm
• 取消按钮执行方法@onCancel

<el-popconfirm title="确定删除吗？" style="margin-left:10px;" @onConfirm="del()">
            <el-button
              slot="reference"
              type="text"
              v-auth="['/delete']"
              size="small"
              ><i class="el-icon-delete"></i>删除</el-button
          ></el-popconfirm>

一开始不熟悉elementUI@了一万遍confirm没反应(2333)

以上为学习期间的学习笔记