el-dialog设置对话框高度,禁用点击关闭对话框

html 复制代码
<script setup lang="ts">
const dialogVisible = ref(true)
const dialogOverflowVisible = ref(false)
</script>

<template>
  <div>
    <el-dialog v-model="dialogVisible" title="留观信息" :close-on-click-modal="false" style="margin-bottom: 62vh" width="500" draggable>
      <span>It's a draggable Dialog</span>
      <template #footer>
        <div class="dialog-footer">
          <el-button type="success" @click="dialogVisible = false">Cancel</el-button>
          <el-button type="primary" @click="dialogVisible = false">
            Confirm
          </el-button>
        </div>
      </template>
    </el-dialog>
  </div>
</template>

<style scoped lang="scss">

</style>
相关推荐
汉堡go6 分钟前
python_chapter6
前端·数据库·python
wusp199412 分钟前
v-model 和 :value 的深度解析
前端·javascript·vue.js
2501_9444241215 分钟前
Flutter for OpenHarmony游戏集合App实战之记忆翻牌表情图案
开发语言·javascript·flutter·游戏·harmonyos
Code知行合壹18 分钟前
Vue项目中SVG图标
前端·vue.js
SJLoveIT21 分钟前
【安全研发】CSRF (跨站请求伪造) 深度复盘与防御体系
前端·安全·csrf
pas13630 分钟前
34-mini-vue 更新element的children-双端对比diff算法
javascript·vue.js·算法
小二·30 分钟前
Python Web 开发进阶实战:数字孪生平台 —— 在 Flask + Vue 中构建实时物理世界镜像
前端·vue.js·python
CHU72903532 分钟前
安心陪伴,便捷就医:陪诊代办小程序的温暖设计
前端·小程序·php
ashcn200139 分钟前
websocket测试通信
前端·javascript·websocket
weixin_4046793142 分钟前
edge alt tab怎么关
前端·edge