element-ui 固定弹窗底部的按钮

想要的效果。内容超出出现滚动条。地步按钮固定不变

需要注意两点

1.el-dialog 上面写v-model

2.下面的按钮上加上slot="footer"

<el-dialog title="收货地址" v-model="dialogFormVisible" :visible.sync="dialogFormVisible">

<el-form :model="form">

<el-form-item label="活动名称" :label-width="formLabelWidth">

<el-input v-model="form.name" autocomplete="off"></el-input>

</el-form-item>

<el-form-item label="活动区域" :label-width="formLabelWidth">

<el-select v-model="form.region" placeholder="请选择活动区域">

<el-option label="区域一" value="shanghai"></el-option>

<el-option label="区域二" value="beijing"></el-option>

</el-select> </el-form-item>

</el-form>

<div slot="footer" class="dialog-footer">

<el-button @click="dialogFormVisible = false">取 消</el-button>

<el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>

</div>

</el-dialog>