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>
相关推荐
李三岁_foucsli5 分钟前
chrome架构-多进程和进程中的线程
前端·google
阿琳a_10 分钟前
前端对WebSocket进行封装,并建立心跳监测
前端·javascript·vue.js·websocket
Am1nnn14 分钟前
【Pinia】Pinia和Vuex对比
前端·javascript·vue.js
可爱小仙子19 分钟前
ios苹果系统,js 滑动屏幕、锚定无效
前端·javascript·ios
大得36921 分钟前
react菜单,动态绑定点击事件,菜单分离出去单独的js文件,Ant框架
前端·javascript·react.js
段旭涛27 分钟前
uniapp 设置手机不息屏
前端·uni-app
古夕30 分钟前
Promise A+ 规范解读
前端·javascript
古夕30 分钟前
Promise 基础概念与实践详解
前端·javascript
SameX30 分钟前
HarmonyOS Next 枚举递归定义与表达式树建模:从理论到实践
前端
SameX32 分钟前
HarmonyOS Next自定义枚举与标准库的协同:Option与Result
前端