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>
相关推荐
老前端的功夫几秒前
前端Echarts性能优化:从卡顿到流畅的百万级数据可视化
前端·javascript
进击的野人2 分钟前
深入解析localStorage:前端数据持久化的核心技术
前端·javascript
懵圈6 分钟前
第2章:项目启动 - 使用Vite脚手架初始化项目与工程化配置
前端
Mh8 分钟前
如何优雅的消除“if...else...”
前端·javascript
火鸟219 分钟前
给予虚拟成像台尝鲜版十之二,完善支持 HTML 原型模式
前端·html·原型模式·通用代码生成器·给予虚拟成像台·快速原型·rust语言
逍遥江湖40 分钟前
Vue3 + TypeScript 项目框架搭建指南
前端
lapiii35843 分钟前
[前端-React] Hook
前端·javascript·react.js
小飞大王66643 分钟前
JavaScript基础知识总结(六)模块化规范
开发语言·javascript·ecmascript
QuantumLeap丶1 小时前
《uni-app跨平台开发完全指南》- 07 - 数据绑定与事件处理
vue.js·ios·uni-app
白龙马云行技术团队1 小时前
前端自适应动态架构图演进
前端