before-close绑定的方法一直被调用:原因是因为这个“()”,将括号去掉就可以
文章来源:https://www.toymoban.com/news/detail-504679.html
before-close使用方法文章来源地址https://www.toymoban.com/news/detail-504679.html
<template>
<div>
<el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button>
<!-- :before-close="handleClose" 绑定一个函数:handleClose -->
<el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
<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>
</div>
</template>
<script>
export default {
data() {
return {
dialogVisible: false
};
},
methods: {
handleClose(done) {
this.$confirm('确认关闭?')
.then(_ => {
// 关闭方法-上方传的参数done
done();
})
.catch(_ => {});
}
}
};
</script>
到了这里,关于element ui Dialog before-close的使用方法,before-close调用不规则before-close一直调用/执行的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!