解决el-collapse折叠面板标题插槽中含有输入框，点击获取焦点、或按下enter、space键自动展开收起
创始人
2024-11-20 11:36:52
0次
解决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 发布！
相关内容
热门资讯
科普！炸金花怎么买房卡，微信大...
微信游戏中心：拼三张房卡，添加微信【33903369】，进入游戏中心或相关小程序，搜索“微信拼三张房...
科普！金花从哪里买房卡，微信拼...
微信游戏中心：拼三张房卡，添加微信【8488009】，进入游戏中心或相关小程序，搜索“微信拼三张房卡...
科普！微信金花房卡链接购买，微...
微信游戏中心：牌九房卡，添加微信【55051770】，进入游戏中心或相关小程序，搜索“微信牌九房卡”...
科普！金花房卡去哪里买，微信1...
微信游戏中心：斗牛房卡，添加微信【33903369】，进入游戏中心或相关小程序，搜索“微信斗牛房卡”...
科普！微信链接炸金花房卡怎么开...
微信游戏中心：拼三张房卡，添加微信【8488009】，进入游戏中心或相关小程序，搜索“微信拼三张房卡...
科普！微信炸金花购买房卡，购买...
微信游戏中心：炸金花房卡，添加微信【55051770】，进入游戏中心或相关小程序，搜索“微信炸金花房...
科普！微信上炸金花房卡链接购买...
微信游戏中心：炸金花房卡，添加微信【33903369】，进入游戏中心或相关小程序，搜索“微信炸金花房...
科普！玩炸金花好友房卡怎么买，...
微信游戏中心：炸金花房卡，添加微信【8488009】，进入游戏中心或相关小程序，搜索“微信炸金花房卡...
科普！炸金花房间如何购买房卡，...
微信游戏中心：炸金花房卡，添加微信【55051770】，进入游戏中心或相关小程序，搜索“微信炸金花房...
科普！微信群打炸金花房卡怎么搞...
微信游戏中心：拼三张房卡，添加微信【33903369】，进入游戏中心或相关小程序，搜索“微信拼三张房...
科普！炸金花房间从哪买房卡，拼...
微信游戏中心：拼三张房卡，添加微信【8488009】，进入游戏中心或相关小程序，搜索“微信拼三张房卡...
科普！金花房卡在哪里买，微信牛...
微信游戏中心：牛牛房卡，添加微信【55051770】，进入游戏中心或相关小程序，搜索“微信牛牛房卡”...
科普！微信炸金花房卡多少钱一张...
微信游戏中心：拼三张房卡，添加微信【33903369】，进入游戏中心或相关小程序，搜索“微信拼三张房...
科普！微信炸金花房卡怎样开，链...
微信游戏中心：拼三张房卡，添加微信【8488009】，进入游戏中心或相关小程序，搜索“微信拼三张房卡...
科普！炸金花好友房卡找谁购买，...
微信游戏中心：炸金花房卡，添加微信【55051770】，进入游戏中心或相关小程序，搜索“微信炸金花房...
科普！微信里玩炸金花房卡链接怎...
微信游戏中心：炸金花房卡，添加微信【33903369】，进入游戏中心或相关小程序，搜索“微信炸金花房...
科普！微信上玩炸金花房卡去哪里...
微信游戏中心：炸金花房卡，添加微信【8488009】，进入游戏中心或相关小程序，搜索“微信炸金花房卡...
科普！金花房卡链接在哪购买，微...
微信游戏中心：拼三张房卡，添加微信【55051770】，进入游戏中心或相关小程序，搜索“微信拼三张房...
科普！如何购买炸金花房间房卡，...
微信游戏中心：炸金花房卡，添加微信【33903369】，进入游戏中心或相关小程序，搜索“微信炸金花房...
科普！微信里玩金花房卡购买方式...
微信游戏中心：斗牛房卡，添加微信【8488009】，进入游戏中心或相关小程序，搜索“微信斗牛房卡”，...