template
<el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button> <el-dialog title="提示" :visible.sync="dialogVisible" width="80%" :before-close="handleClose" :close-on-click-modal="false"> <span>这是一段信息</span> <span slot="footer" class="dialog-footer"> <el-button @click="dialogVisible = false">取 消</el-button> <el-button type="primary" @click="dialogVisible = false">确 定</el-button> </span> </el-dialog>
data
dialogVisible:false,
methods
closeShadow(){ this.dialogVisible=false; }, handleClose(done) { this.$confirm('确认关闭？') .then(_ => { done(); }) .catch(_ => {}); } 更多api参照官网：https://element.eleme.cn/#/zh-CN/component/quickstart