- 在el-form中添加 class=“edit-el-form” 属性可以缩短el-dialog中的el-form的每一个el-form-item之间的间隔:
<el-dialog
width="100%"
:title="title"
:visible.sync="dialogVisible"
:before-close="closeDialog"
:close-on-click-modal="false"
fullscreen>
<el-form
class="edit-el-form"
ref="form"
label-width="80px"
style="border:1px solid #C4E1C5;padding:20px;">
<el-form-item label="姓名">
<el-input v-model="user.name"></el-input>
</el-form-item>
<el-form-item label="年龄">
<el-input v-model="user.age"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary">确认</el-button>
<el-button>取消</el-button>
</el-form-item>
</el-form>
</el-dialog>