解决uniapp里的onNavigationBarSearchInputClicked不生效

news/2024/11/15 0:23:20/

如何在uniapp里使用onNavigationBarSearchInputClicked。

1、在page.json里配置

"pages": [{"path": "pages/index/index","style": {"navigationBarTitleText": "首页","navigationStyle": "custom","app-plus": {"titleNView": {"type": "transparent","searchInput": {"backgroundColor": "#eee","borderRadius": "16px","placeholder": "请输入关键词","disabled": true, //onNavigationBarSearchInputClicked使用这个方法必须设置为true"placeholderColor": "#606266"},}}}
}]		

2、在页面中使用

// 监听页面加载
onLoad(){
},
// 监听原生标题栏搜索输入框点击事件
onNavigationBarSearchInputClicked(){
}

有的浏览器支持,但是有的浏览器不生效,原因是浏览器设置 disabled 的 input 元素不支持点击事件。

解决方案:需要在App.vue里的style添加样式

.uni-input-input:disabled {  pointer-events: none;  
}

http://www.ppmy.cn/news/1466929.html

相关文章

eNSP学习——OSPF的DR与BDR

目录 相关命令 原理概述 实验内容 实验目的 实验拓扑 实验编址 实验步骤 1、基本配置 2、搭建基本的OSPF网络 3、查看默认情况下的DR/BDR状态 4、根据现网需求影响DR/BDR选举 需要eNSP各种配置命令的点击链接自取:华为eNSP各种设备配置命令大…

【YOLOv9改进[Conv]】使用YOLOv10的空间通道解耦下采样SCDown模块替换部分CONv的实践 + 含全部代码和详细修改内容

本文将使用YOLOv10的空间通道解耦下采样SCDown模块替换部分CONv的实践 ,文中含全部代码和详细修改内容。 目录 一 YOLOv10 1 空间通道解耦下采样 2 可视化

leetcode 802.找到最终的安全状态

思路:拓补排序 其实这道题只要把顺序倒过来就行了,我们首先看到没有出度的反而是终端点,我们不如让它反过来成为没有入度的点是终端店,这样的话我们用度的个数来找到终端点就很容易了。 那么这样的话,题目中说若点满…

Docker的数据管理(数据卷+数据卷容器)

文章目录 一、Docker的数据管理1、概述2、主要的技术(三种数据挂载方式)2.1、数据卷(Volumes)2.2、绑定挂载(Bind mounts)2.3、tmpfs挂载(Tmpfs mounts)2.4、之间的关系(…

SpringBoot:基于SpringBoot实现多数据源动态切换

一、前言 Spring Boot 多数据源,也称为动态数据源,是指在Spring Boot项目中配置多个数据源,以支持不同的数据库访问需求。这种配置方式在项目开发逐渐扩大、单个数据源无法满足项目支撑需求时变得尤为重要。 二、目的 配置多数据源的主要目…

第一个SpringBoot项目

目录 💭1、新建New Project IDEA2023版本创建Sping项目只能勾选17和21,却无法使用Java8?🌟 2、下载JDK 17🌟 💭2、项目创建成功界面 1、目录 🌟 2、pom文件🌟 💭3、…

【深度学习】Transformer梳理

零、前言 对于transformer,网上的教程使用记号、术语不一 。 最关键的一点,网上各种图的简化程度不一 (画个图怎么能这么偷懒) ,所以我打算自己手画一次图。 看到的最和善(但是不是那么靠谱,我…

【Linux】自己实现一个bash进程

目录 读入用户输入 对字符串进行分割 处理内建命令 cd命令 export echo 处理重定向 代码汇总 bash就是命令行解释器,就是Linux操作系统让我们看到的,与用户进行交互的一种外壳(shell),当然了bash也是一个进程&…