iview中Modal对话框点击确定后会自动关闭窗口

是的，iview中的Modal对话框点击确定按钮后会自动关闭窗口。这是Modal组件的默认行为。你可以通过传递 `mask-closable` 属性为 `false` 来禁用此行为，从而需要手动关闭对话框。例如：

<Modal v-model="visible" title="Title" :mask-closable="false">
  <p>Content</p>
  <div slot="footer">
    <Button type="primary" @click="handleOk">确定</Button>
    <Button @click="handleCancel">取消</Button>
  </div>
</Modal>

在这个例子中，`mask-closable` 属性被设置为 `false`，这意味着当用户点击遮罩层时，对话框不会自动关闭。相反，用户需要点击“确定”或“取消”按钮来关闭对话框，同时触发相应的回调函数（`handleOk`和`handleCancel`）。

相关问题

iview Modal对话框怎么设置宽度

你可以通过设置 `width` 属性来设置对话框的宽度，例如：

<Modal
  title="对话框标题"
  v-model="visible"
  :width="600">
  <!-- 对话框内容 -->
</Modal>

在上面的例子中，我们将对话框的宽度设置为 600 像素。你可以根据自己的需求修改这个值。

iview的Modal组件点击确定按钮如何阻止弹窗的关闭

可以通过在确定按钮的点击事件中使用 `e.preventDefault()` 方法来阻止 Modal 组件的关闭。具体实现方式如下：

<template>
  <div>
    <Button type="primary" @click="showModal">打开弹窗</Button>
    <Modal v-model="visible" title="弹窗标题" @on-ok="handleOk">
      <p>弹窗内容</p>
    </Modal>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        visible: false
      }
    },
    methods: {
      showModal() {
        this.visible = true;
      },
      handleOk(e) {
        // 阻止 Modal 关闭
        e.preventDefault();
        
        // 其他操作
        console.log('点击确定按钮');
      }
    }
  }
</script>

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