当前位置: 首页 > news >正文

解决uniapp里的onNavigationBarSearchInputClicked不生效

如何在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.lryc.cn/news/362435.html

相关文章:

  • Windows下搭建Cmake编译环境进行C/C++文件的编译
  • 实用新型专利申请材料的撰写与准备
  • 代码随想录算法训练营第60天|● 84.柱状图中最大的矩形
  • 让AI给你写代码(9.3):一点改进,支持扩展本地知识库
  • 探索煤化工厂巡检机器人的功能、应用及前景
  • 【活动】GPT-4O:AI语言生成技术的新里程碑
  • 实验笔记之——DPVO(Deep Patch Visual Odometry)
  • 力扣----轮转数组
  • 哥斯拉、冰蝎、中国蚁剑在护网中流量特征分析,收藏起来当资料吧,24年护网用得上
  • 隐藏饼图的legend,重写legend列表。
  • 解决在Mac下使用npm报错:Error: EACCES: permission denied
  • pvt对net delay的影响
  • 力扣5 最长回文子串
  • 【Uniapp小程序】自定义导航栏uni-nav-bar滚动渐变色
  • HarmonyOS鸿蒙学习笔记(25)相对布局 RelativeContainer详细说明
  • 自然语言处理学习中英文翻译语料库
  • 可视化数据科学平台在信贷领域应用系列二:数据清洗
  • JS面试题:hash和history的区别
  • GEE案例——归一化差异水体指数丰水期、枯水期的水域面积和水深分析(青海湖为例)
  • 机器视觉检测--相机
  • 【人工智能】第四部分:ChatGPT的技术实现
  • 小程序配置自定义tabBar及异形tabBar配置操作
  • 解析《动物园规则怪谈》【逻辑】
  • 上传RKP 证书签名请求息上传到 Google 的后端服务器
  • Debian和ubuntu 嵌入式的系统的 区别
  • HTML旋转照片盒子
  • 【UE5 刺客信条动态地面复刻】实现无界地面01:动态生成
  • AI产品经理系列-如何使用kimi快速撰写用户故事(含提示词)
  • MySQL索引与事务
  • 『大模型笔记』从基础原理出发提升深度学习性能