gogogo
管理员
管理员
  • UID25
  • 粉丝0
  • 关注0
  • 发帖数1434
阅读:29回复:0

el-dialog 不想让弹窗外层滚动,只滚动弹窗内容

楼主#
更多 发布于:2025-06-01 10:36
找来找去无果,只能动自己的脑子了。
首先body垂直能滚动,一定是高度超出100vh了,
就设置dialog的高度为100vh以内,发现设置为79vh以上还是会使body滚动,打开控制台发现,

el-dialog设置了margin: 15vh auto 50px,如果设置高度+15vh+50px > 100vh ,则会出现滚动条
所以,重新设置margin就可以了:


<el-dialog V-model="dialogVisible" title="测试" width="80%" style="height: 90vh; overflow: auto; margin: 5vh auto"
    <el-form :model-"form" :rules="rules" ref="formRef">
         <el-form-itemlabel="表单名称"prop="name">
            <el-input v-model="form.name"></el-input>
         </el-form-item>
         <el-form-itemlabel="表单项"prop="items">
             <el-input  V-model="item.label"  v-for="(item, index)in form.items"  :key="index"  :prop=""form.items${index}.label'"
></el-input>
        </el-form-item>

     </el-form>

</el-dialog>
游客


返回顶部