настройки el-dialog не закрываются автоматически при нажатии на пустое место

заблокировать <el-dialog> Автоматически закрывается при нажатии на пустое место, можно использовать :close-on-click-modal="false" свойство.

<template>
  <div>
    <el-dialog
      :visible="dialogVisible"
      :close-on-click-modal="false"
      @close="closeDialog"
    >
      <!-- Содержимое диалога -->
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    };
  },
  methods: {
    showDialog() {
      this.dialogVisible = true;
    },
    closeDialog() {
      this.dialogVisible = false;
    }
  }
};
</script>

В приведенном выше примере мы передали :close-on-click-modal="false" применяется к <el-dialog> Компонент, предотвращающий автоматическое закрытие диалогового окна при нажатии на пустое место. Таким образом, независимо от того, щелкнет ли пользователь за пределами диалогового окна, диалоговое окно не закроется.

Вы можете изменить другие части примера кода в соответствии с вашей реальной ситуацией.。dialogVisible данные Свойства используются для управления отображением и скрытием диалоговых окон.,showDialog Метод, используемый для открытия диалогового окна,closeDialog Метод используется для закрытия диалогового окна.

Обратите внимание, что помимо нажатия на пустое место, чтобы закрыть диалоговое окно, пользователь также может закрыть диалоговое окно, нажав кнопку закрытия в правом верхнем углу или нажав клавишу Esc. Если вы хотите запретить этим методам закрывать диалоговое окно, вы можете дополнительно настроить связанные свойства и обработку событий.

Ссылка на статью

https://www.cayzlh.com/post/20230719/