vue $confirm按钮居中

在Vue.js中，如果你想要在一个`$confirm`提示框里的按钮居中显示，你可以通过CSS样式来实现。通常情况下，可以给包含`$confirm`的容器添加一些样式，比如设置`display: flex; justify-content: center; align-items: center;`。这里是一个简单的例子：

<template>
  <div class="modal-confirm">
    <el-dialog title="确认操作" :visible.sync="dialogVisible">
      <button @click="$confirm('确定删除吗?').then(() => { /* 处理操作 */ }).catch(() => {})" type="primary" style="margin: 0 auto;">确认</button>
    </el-dialog>
  </div>
</template>

<style scoped>
.modal-confirm {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; /* 或者设置成你的实际高度 */
}
</style>

在这个例子中，`.modal-confirm`类设置了`flexbox`布局，并使其内容居中对齐。记得将`:visible.sync="dialogVisible"`绑定到实际的数据属性上，以便控制对话框的显示隐藏。