Element-ui 对话框el-dialog close关闭的回调 点击其他按钮关闭el-dialog时均调用close方法

Bertha 。 2022-08-30 14:55 234阅读 0赞

点击确定或取消按钮关闭窗口，则触发close关闭回调事件，调用refreshData方法。一定要避免重复调用！！

  1. <el-button type="text" @click="centerDialogVisible = true" @close="refreshData">点击打开 Dialog</el-button>
  3. <el-dialog
  4.   title="提示"
  5.   :visible.sync="centerDialogVisible"
  6.   width="30%"
  7.   center>
  8.   <span>需要注意的是内容是默认不居中的</span>
  9.   <span slot="footer" class="dialog-footer">
  10.     <el-button @click="centerDialogVisible = false">取 消</el-button>
  11.     <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
  12.   </span>
  13. </el-dialog>
  15. <script>
  16.   export default {
  17.     data() {
  18.       return {
  19.         centerDialogVisible: false
  20.       };
  21.     },
  22.     methods: {
  23.         refreshData() {
  24.             console.log(1)
  25.         }
  26.     }        
  27.   }
  28. </script>

发表评论

表情：
评论列表 （有 0 条评论，234人围观）

还没有评论，来说两句吧...

相关阅读