阅读:28回复:0
el-dialog 不想让弹窗外层滚动,只滚动弹窗内容
找来找去无果,只能动自己的脑子了。
首先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> |
|