iview中 $modal.confirm如何上下居中

可以通过以下几种方法让 $modal.confirm 在垂直方向上居中显示：

1. 在 $modal.confirm 中加入类名 class="custom-modal"，然后在样式文件中添加以下代码：

.custom-modal .ivu-modal-confirm {
  display: flex;
  align-items: center;
  justify-content: center;
}

2. 给 $modal.confirm 传入属性 top，设置为 'auto'，例如：

this.$Modal.confirm({
  top: 'auto',
  // 其他属性
})

3. 使用 iview 提供的组件 $Modal，其默认会在垂直方向上居中显示。例如：

this.$Modal.confirm({
  // 其他属性
})

相关问题

iview this.$Modal.confirm(config) 弹出框怎么添加类名

你可以通过 `config` 对象的 `modalClass` 属性来添加类名。具体地说，在 `config` 对象中设置 `modalClass` 属性为你想要添加的类名即可。例如：

this.$Modal.confirm({
  modalClass: 'my-custom-class',
  // 其他配置项
});

这样就会给弹出框的容器元素添加一个名为 `my-custom-class` 的类名。你可以根据自己的需要替换 `'my-custom-class'` 为你想要的类名。

this.$Modal.confirm点击确定触发onok的时候怎么阻止对话框默认关闭行为

在 iView 中，使用 `this.$Modal.confirm` 弹出的确认对话框，可以通过在 `on-ok` 事件中使用 `e.preventDefault()` 方法来阻止对话框默认的关闭行为。具体实现方式如下：

<template>
  <div>
    <Button type="primary" @click="showConfirm">打开确认对话框</Button>
  </div>
</template>

<script>
  export default {
    methods: {
      showConfirm() {
        this.$Modal.confirm({
          title: '确认对话框',
          content: '你确定要执行此操作吗？',
          onOk: this.handleOk
        });
      },
      handleOk(e) {
        // 阻止对话框默认关闭行为
        e.preventDefault();
        
        // 其他操作
        console.log('点击确定按钮');
      }
    }
  }
</script>

在 `handleOk` 方法中，我们使用 `e.preventDefault()` 方法来阻止默认的关闭事件。这样点击确定按钮时，确认对话框就不会关闭，可以在方法中执行其他操作，比如发送请求等。