ivew组件中modal框确认后执行save方法怎样校验不通过后不关闭modal框

在iView的Modal框中，如果确认操作需要校验，并且校验不通过时不关闭模态框，通常做法是在点击“确定”按钮时处理这个逻辑。你可以这样做：

1. 首先，在触发保存操作的地方，比如`this.$refs.modal.confirm`上绑定事件处理器，例如`@on-ok="handleSave"`, 确保你已经有了一个名为`handleSave`的方法。

<Modal ref="modal" @on-ok="handleSave">
  <!-- Modal内容 -->
</Modal>

2. 然后在`handleSave`方法中添加校验逻辑。如果校验失败，可以设置一个标志变量如`isValidationFailed`，并阻止默认的行为，不让Modal自动关闭。

methods: {
  handleSave() {
    const data = {/* 你要保存的数据 */};
    if (!validateData(data)) { // 假设 validateData 是你的校验函数
      this.isValidationFailed = true;
      return; // 校验未通过，停止执行后续代码
    }
    
    // 如果校验通过，再执行保存操作
    this.save(data);
  },
  
  save(data) {
    /* 这里执行保存操作 */
  },
}

3. 最后，你可以在模态框内部添加一个显示错误信息的区域，当`isValidationFailed`为`true`时显示错误提示，用户无法点击关闭按钮直到他们解决了问题。

<div v-if="isValidationFailed">校验失败，请检查...</div>

<button slot="footer" type="primary" :disabled="isValidationFailed">确定</button>