VUE element-ui之Dialog对话框关闭事件

淩亂°似流年 2022-10-14 10:51 867阅读 0赞

步骤:

在标签中定义事件

  1. <el-dialog
  2. :title="title"
  3. :close-on-click-modal="false"
  4. :visible.sync="annularPopup"
  5. width="60%"
  6. center
  7. @close="closeDialog"
  8. >

js调用方法即可

  1. closeDialog() {
  2. this.$refs.tableList.clearSort()//此方法为重置排序选中状态
  3. },

ref定义在表格开始标签中

  1. <el-table
  2. ref="tableList"
  3. :data="tableData"
  4. >

关闭dialog执行closeDialog()方法重置排序选中状态
排序选中状态在这里插入图片描述

发表评论

表情:
评论列表 (有 0 条评论,867人围观)

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

相关阅读