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>
相关推荐
一条小鲨鱼21 分钟前
所遇到的响应式问题
前端·vue.js
Ruihong22 分钟前
你的 Vue v-for,VuReact 会编译成什么样的 React 代码?
vue.js·react.js·面试
M ? A23 分钟前
你的 Vue 路由,VuReact 会编译成什么样的 React 路由?
前端·javascript·vue.js·经验分享·react.js·面试·vureact
L.Cheng25 分钟前
谷歌浏览器如何禁用自动更新_Chrome关闭后台升级程序
前端·chrome
donecoding31 分钟前
类型与语法的“直觉对齐”:TS 切入的 Go 语言初体验
前端·typescript·go
web守墓人32 分钟前
【linux】Mubuntu v1.0.7发布:支持codex cli完整运行
前端·codex
WYiQIU32 分钟前
宇树科技Web前端岗(AI方向),这不算泄题吧......
前端·vue.js·人工智能·笔记·科技·面试·职场和发展
Januea32 分钟前
Chrome的Fetch/XHR是什么?
前端·chrome
betazhou33 分钟前
TDSQL-PG创建测试表并定时插入数据模拟生产
前端·javascript·数据库·tdsql·tdsql-pg
W.A委员会41 分钟前
地址栏输入url到显示画面
前端·网络