帮我用确认elementUI写一个确定按钮

好的，下面是一个使用 ElementUI 的确认框，并且自定义确定按钮的例子：

<template>
  <el-button type="primary" @click="showDialog">打开确认框</el-button>
  <el-dialog
    title="提示"
    :visible.sync="dialogVisible"
    :show-close="false"
    width="30%"
    center
  >
    <span>确定要执行此操作吗？</span>
    <span slot="footer" class="dialog-footer">
      <el-button @click="dialogVisible = false">取消</el-button>
      <el-button type="primary" @click="handleConfirm">确认</el-button>
    </span>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    };
  },
  methods: {
    showDialog() {
      this.dialogVisible = true;
    },
    handleConfirm() {
      // 在这里编写点击确认按钮后的逻辑
      console.log('点击了确认按钮');
      this.dialogVisible = false;
    }
  }
};
</script>

在这个例子中，我们使用了`<el-dialog>`组件来实现确认框，通过设置`visible`属性来控制确认框的显示和隐藏。同时，通过设置`slot="footer"`的`<span>`元素来自定义确认框的底部按钮区域，从而实现了自定义确认按钮的效果。