EOS850:搜索框能否使用回车进行搜索?

问题描述:EOS850:搜索框能否使用回车进行搜索?解决方案:可以通过添加公共方法解决1在公共脚本添加以下三个方法this.PubApi.handleEnterKey(key) // 判断是否为回车键 (Enter键的keyCode是13) if (event.key Enter || event.keyCode 13) { this.Api.conditionChange(); } this.PubApi.queryAddEventListenerKeydown(conditionSettings) //过滤出 visible: true 的属性名 const visibleQueryKeyList Object.keys(conditionSettings).filter(key conditionSettings[key] .visible); this.$nextTick(() { for(key of visibleQueryKeyList){ const inputComponent this.$refs[ref_q_ key]; if(inputComponent){ const inputElement inputComponent.$el?.querySelector(input); if(inputElement){ inputElement.addEventListener(keydown, this.PubApi.handleEnterKey); } } } }); this.PubApi.queryRemoveEventListenerKeydown(conditionSettings) // 防止内存泄漏移除事件监听removeEventListener //过滤出 visible: true 的属性名 coonsole.log(销毁--) const visibleQueryKeyList Object.keys(conditionSettings).filter(key conditionSettings[key] .visible); for (key of visibleQueryKeyList) { const inputComponent this.$refs[ref_q_ key]; if(inputComponent){ const inputElement inputComponent.$el?.querySelector(input); if(inputElement){ inputElement.removeEventListener(keydown, this.PubApi.handleEnterKey); } } }Markup2.在视图加载后和视图销毁前添加使用公共方法即可视图加载后 this.PubApi.queryAddEventListenerKeydown(this.conditionSettings) 视图销毁前 this.PubApi.queryAddEventListenerKeydown(this.conditionSettings)更多请参见EOS Low-Code Platform 8