Salesforce Lightning组件IE下onkeyup无法获取属性值问题

这个问题的核心原因是Aura组件的双向绑定默认不会实时同步输入框的值到组件属性——默认情况下，输入框的value绑定只会在change事件触发时（比如输入框失去焦点）才会把用户输入的内容同步到v.searchInput。

当你按下回车键时，触发的是输入框所在父元素的keyup事件，这时候输入框还没失去焦点，change事件还没触发，所以v.searchInput还没更新，自然返回undefined；而点击搜索按钮时，输入框会失去焦点，触发change事件，v.searchInput已经同步了最新的输入值，所以能正常获取。

下面给你几个可行的解决方案：

方案一：直接从自定义输入组件获取实时值 #

在enterClicked方法里，不要直接取component.get("v.searchInput")，而是先找到你的自定义c:input组件，直接获取它的value属性，再同步到组件属性后调用搜索逻辑：

enterClicked : function(component, event, helper) {
    console.log("1");
    if(event.keyCode && event.keyCode === 13) {
        console.log("2");
        try {
            console.log("3");
            // 获取自定义输入组件实例
            const searchInputComp = component.find("PortalFastlaneSearchBar");
            // 直接从组件获取当前输入值
            const searchValue = searchInputComp.get("v.value");
            console.log(searchValue);
            // 同步到组件属性（可选，确保后续逻辑使用的是最新值）
            component.set("v.searchInput", searchValue);
            helper.search(component, helper);
        } catch(e) {
            console.log("4");
            console.log(e); // 注意这里之前是Console.log，要改成小写console
        }
    }
},

方案二：让自定义输入组件实时同步值 #

如果你有权限修改c:input组件，可以在它内部监听keyup事件，每当用户输入（包括按回车）时，立即把当前值同步到绑定的value属性。比如在c:input的控制器里添加：

handleKeyUp: function(component, event) {
    const inputValue = event.target.value;
    component.set("v.value", inputValue);
}

然后在c:input的标记里添加onkeyup="{!c.handleKeyUp}"，这样父组件的v.searchInput就能实时获取到最新值了。

额外注意点 #

你的代码里有个小错误：catch块里的Console.log(e);应该是console.log(e);（首字母小写），否则会因为Console未定义而报错，这个也建议修正。

内容的提问来源于stack exchange，提问作者Mizlul