vue el-dialog 点击空白不消失

我先来一碗

于 2020-11-16 11:26:12 发布

阅读量901

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端日常

本文链接：https://blog.youkuaiyun.com/jack_bob/article/details/109717403

前端日常专栏收录该内容

65 篇文章

订阅专栏

本文介绍如何在Vue中使用Element UI的el-dialog组件，添加了禁用点击外部关闭的功能，便于用户进行详细信息的编辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
  <el-dialog
    :close-on-click-modal="false"
    :visible.sync="dialog"
    :title="编辑信息"
    append-to-body
    width="570px">
  </el-dialog>
</template>

添加：

:close-on-click-modal="false"