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

小短腿乄

于 2024-08-07 10:42:47 发布

阅读量281

点赞数 2

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_48247881/article/details/140985516

版权

<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>