解决el-collapse折叠面板标题插槽中含有输入框，点击获取焦点、或按下enter、space键自动展开收起_电脑知识

解决el-collapse折叠面板标题插槽中含有输入框，点击获取焦点、或按下enter、space键自动展开收起

创始人

2024-11-20 11:36:52

解决el-collapse折叠面板标题插槽中含有输入框，点击获取焦点、或按下enter、space键自动展开收起

el-collapse组件内部已经做了enter、space键自动展开、收起的事件处理，如果标题插槽中有输入框，则需要阻止事件处理

@click.stop.native @keyup.enter.stop.native @keyup.space.stop.native /* 	示例：   @keyup.space: 监听键盘的 keyup 事件，并且只有当按下的键是空格键时才触发事件。   .stop: 同样阻止事件进一步传播，防止冒泡到父元素。   .native: 也是监听在组件根元素上的原生事件。   @keyup.space.stop.native 的意思是在组件的根元素上监听键盘的 keyup 事件，当按下空格键时触发事件，并且阻止这个事件向父组件传播。 */

本文由博客一文多发平台 OpenWrite 发布！

上一篇：长端动量因子2

下一篇：vmware tools安装不了-解决 VMwareTools 安装难题，让虚拟机流畅运行不再是梦

解决el-collapse折叠面板标题插槽中含有输入框，点击获取焦点、或按下enter、space键自动展开收起

解决el-collapse折叠面板标题插槽中含有输入框，点击获取焦点、或按下enter、space键自动展开收起

相关内容

热门资讯