We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
https://stackblitz.com/edit/vitejs-vite-nzokd5ei?file=src%2FApp.vue
实际结果:
直接在 元素上使用 @blur 绑定事件时,行为符合预期。
使用 addEventListener 动态绑定 blur 事件时,未触发事件处理。
可能的原因分析:
在使用 addEventListener 动态绑定事件时,事件监听器与 DOM 元素直接关联。当调用 handleClearEdit 并将 actived.row、actived.column 等置为 null 后,组件会重新渲染,将处于编辑状态的 替换为非编辑状态的展示内容。此时,原先绑定在该 上的事件监听器可能会失效,导致预期的 blur 事件未能触发。
addEventListener
handleClearEdit
actived.row、actived.column
尝试的解决方案:
在 handleClearEdit 中,将 actived.args = null、actived.row = null、actived.column = null 等操作注释掉,或使用 setTimeout 延迟清除,发现 blur 事件能够正常触发。但不确定此操作是否会引发其他问题。
疑问:
为什么直接在 元素上使用 @blur 绑定事件时,blur 事件能够正常触发,而通过 addEventListener 动态绑定时却不能?希望有大佬可以解答。
无论使用何种方式绑定 blur 事件,输入框失去焦点后,都应触发相应的事件处理。
win10
chrome
3.5
4.5.11
4.12.5
The text was updated successfully, but these errors were encountered:
要监听单元格关闭要使用表格的事件 edit-closed
Sorry, something went wrong.
请问在渲染器内如何监听这个事件呢,因为渲染器的逻辑和业务组件一般是分开的
我现在使用的是onVnodeBeforeUnmount来代替blur
fix(edit-hook): resolve issue x-extends#2864
c14ad27
No branches or pull requests
可复现的链接(必须为公开链接,仅包含能复现问题的示例代码):
https://stackblitz.com/edit/vitejs-vite-nzokd5ei?file=src%2FApp.vue
是否已准备好复现链接与示例代码?
问题描述与截图:
2.点击单元格,进入编辑状态,显示 输入框,
3.点击其他单元格或者使用tab键切换,期望输入框失去焦点,触发 blur 事件,结束编辑状态。
实际结果:
直接在 元素上使用 @blur 绑定事件时,行为符合预期。
使用 addEventListener 动态绑定 blur 事件时,未触发事件处理。
可能的原因分析:
在使用
addEventListener
动态绑定事件时,事件监听器与 DOM 元素直接关联。当调用handleClearEdit
并将actived.row、actived.column
等置为 null 后,组件会重新渲染,将处于编辑状态的 替换为非编辑状态的展示内容。此时,原先绑定在该 上的事件监听器可能会失效,导致预期的 blur 事件未能触发。尝试的解决方案:
在 handleClearEdit 中,将 actived.args = null、actived.row = null、actived.column = null 等操作注释掉,或使用 setTimeout 延迟清除,发现 blur 事件能够正常触发。但不确定此操作是否会引发其他问题。
疑问:
为什么直接在 元素上使用 @blur 绑定事件时,blur 事件能够正常触发,而通过 addEventListener 动态绑定时却不能?希望有大佬可以解答。
期望的结果:
无论使用何种方式绑定 blur 事件,输入框失去焦点后,都应触发相应的事件处理。
操作系统:
win10
浏览器版本:
chrome
vue 版本:
3.5
vxe-pc-ui 版本:
4.5.11
vxe-table 版本:
4.12.5
是否使用当前最新版本?
The text was updated successfully, but these errors were encountered: