日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網(wǎng)站首頁 編程語言 正文

element-ui 固定彈窗底部的按鈕

作者:夏天想 更新時間: 2022-03-04 編程語言

想要的效果。內(nèi)容超出出現(xiàn)滾動條。地步按鈕固定不變

需要注意兩點

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="活動區(qū)域" :label-width="formLabelWidth">

<el-select v-model="form.region" placeholder="請選擇活動區(qū)域">

<el-option label="區(qū)域一" value="shanghai"></el-option>

<el-option label="區(qū)域二" 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>

原文鏈接:https://blog.csdn.net/qq_33769914/article/details/122950195

相關(guān)推薦

欄目分類
最近更新