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>
相关推荐
总要学点什么8 分钟前
第106篇:三维特效-流动线效果——让一颗光点沿整条线一路滚到头
开发语言·javascript·ecmascript·gis·webgl·材质·cesium
2分钟速写快排7 小时前
孔乙己的茴字有多少种写法?|AI 对话实时通信的三种实现
前端·javascript·github
Penge6669 小时前
JavaScript:BOM 详解
前端
梯度下降者9 小时前
Nuxt框架
vue.js·服务端渲染·全栈开发·混合渲染·nuxt框架
Penge66610 小时前
Vite vs Webpack:前端构建工具原理与实战
前端
Penge66610 小时前
前端包管理工具:npm、Yarn、pnpm 快速入门
前端
Penge66610 小时前
Sass 了解
前端
Penge66611 小时前
Webpack 打包从 0 到 1 实战笔记
前端
Penge66611 小时前
Webpack 入门:是什么、为什么需要、怎么使用?
前端
Penge66611 小时前
Ant Design(Antd)了解
前端