[Component] [dialog, select] el-dialog组件通过v-model绑定变量是否显示,有时无法通过修改变量关闭el-dialog

[oxkser]

Bug Type: Component

Environment

• Vue Version: 3.2.13
• Element Plus Version: 2.3.1
• Browser / OS: Chrome 111.0.5563.65 / win10 20H2
• Build Tool: Vue CLI

Reproduction

Related Component

• el-dialog
• el-select

Reproduction Link

Element Plus Playground

Steps to reproduce

点击el-input输入框使输入框聚焦,并弹出el-dialog组件,然后通过点击el-dialog中#footer中的取消按钮关闭弹窗.

What is Expected?

弹窗被关闭

What is actually happening?

弹窗关闭后,立刻被重新打开,因为弹窗被关闭时重新触发了el-input的focus事件,这并不是我们所期望的(点击右上角的关闭按钮时不存在这个问题),并且这在element-plus2.2.22版本中并不存在这个问题

Additional comments

(empty)

[sleepyShen1989]

你可以试试在focus触发弹窗的时候让他失去焦点，他触发focus事件本来应该是想做体验优化的

const a = ref(null) // el-input ref="a"
const handleIuputFocus =()=>{
  a.value.input.blur()
  orgDialogVisible.value =true
}

[gimjin]

请使用 click 事件打开 dialog，用户点击弹窗且操作完毕后，可以快速恢复到之前的浏览上下文

如果一定要用 focus 事件，可参考 demo

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

此 issue 已被自动锁定，因为关闭后没有任何近期活动。如果有相关 bug，请重新创建一个新 issue。