记录element bug issuei:el-dialog的close事件有bug:导致回调方法被执行了两次

论坛 期权论坛 脚本     
已经选择匿名的用户   2021-10-25 13:37   5533   0

el-dialog的close事件有bug:导致回调方法被执行了两次

目前最新版本2.13.2依旧存在这个问题!

问题:el-dialog的close事件有bug:导致回调方法被执行了两次
场景:如果@close的回掉方法(@close=cancel)和取消按钮@click的回调方法(@click=cancel)相同,当点击取消按钮的时候,对应的回调就会被执行两次。如果将@close=cancel改成@click.native=cancel就不会。所以@close封装有问题!【还有这个网址https://elementui.github.io/issue-generator根本访问不了...】
```
<template>
<div class="test-el-dialog">
<el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button>

<el-dialog
title="提示"
:visible.sync="dialogVisible"
width="30%"
@close="cancel">
<span>这是一段信息</span>
<span slot="footer" class="dialog-footer">
<el-button @click="cancel">取 消</el-button>
<el-button type="primary" @click="dialogVisible = false">确 定</el-button>
</span>
</el-dialog>
</div>
</template>

<script>
export default {
name: 'TestElDialog',
data () {
return {
dialogVisible: false
}
},
methods: {
cancel () {
this.dialogVisible = false
}
}
}
</script>
```

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:86
帖子:240
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP