uni-app 原生导航栏搜索控件 onNavigationBarSearchInputClicked 生命周期无效

uni-app 原生导航栏搜索控件 onNavigationBarSearchInputClicked 生命周期无效

开发环境 版本号 项目创建方式
Windows win10 HBuilderX

产品分类：uniapp/App

测试过的手机：

iPhone X，iPhone XS，iPhone7 plus，华为，小米，vivo，OPPO

示例代码：

```javascript // pages.json的配置 "searchInput": { "backgroundColor": "#f4f4f4", "borderRadius": "6px", //输入框圆角 "placeholder": "请输入搜索内容", "align": "left" }, // 页面使用生命周期 onNavigationBarSearchInputClicked(e) { console.log(e); }, ```

操作步骤：

```javascript // pages.json的配置 "searchInput": { "backgroundColor": "#f4f4f4", "borderRadius": "6px", //输入框圆角 "placeholder": "请输入搜索内容", "align": "left" }, // 页面使用生命周期 onNavigationBarSearchInputClicked(e) { console.log(e); }, ```

预期结果：

使用onNavigationBarSearchInputClicked该生命周期时候可以完成想要的功能

实际结果：

使用onNavigationBarSearchInputClicked该生命周期时候没有任何效果

bug描述：

```javascript // pages.json的配置 "searchInput": { "backgroundColor": "#f4f4f4", "borderRadius": "6px", //输入框圆角 "placeholder": "请输入搜索内容", "align": "left" }, // 页面使用生命周期 onNavigationBarSearchInputClicked(e) { console.log(e); },

更多关于uni-app 原生导航栏搜索控件 onNavigationBarSearchInputClicked 生命周期无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

确认bug，等待修复

更多关于uni-app 原生导航栏搜索控件 onNavigationBarSearchInputClicked 生命周期无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


下个版本可以修复吗？有比较多的页面需要用到这个生命周期

一年了，bug仍没有解决

pages.json 中, 当 searchInput 配置 disabled 为 true 时触才会发 onNavigationBarSearchInputClicked 方法

根据你的描述，onNavigationBarSearchInputClicked生命周期无效的问题可能有以下几个原因：

  1. 确认HBuilderX版本是否支持该API。建议升级到最新稳定版。

  2. 检查页面结构是否正确，该生命周期需要在页面级js文件中定义，而不是组件或全局。

  3. 尝试使用onNavigationBarSearchInputChanged替代测试，确认是否是特定API的问题。

  4. 在Android端可能需要额外配置：

"app-plus": {
    "titleNView": {
        "searchInput": {
            // 配置项
        }
    }
}
回到顶部