uniapp中tabbar导航的点击事件

javascript 复制代码
onTabItemTap : function(e) {
	console.log(e);
	// e的返回格式为json对象: {"index":0,"text":"首页","pagePath":"pages/index/index"}
},

index:点击的序号,从0开始

pagePath:点击页面路径

text:点击按钮文字

注意:

  • onTabItemTap常用于点击当前tabitem,滚动或刷新当前页面。如果是点击不同的tabitem,一定会触发页面切换。
  • 如果想在App端实现点击某个tabitem不跳转页面,不能使用onTabItemTap,可以使用plus.nativeObj.view放一个区块盖住原先的tabitem,并拦截点击事件。
  • 支付宝小程序平台onTabItemTap表现为点击非当前tabitem后触发,因此不能用于实现点击返回顶部这种操作

因为该函数在APP端是使用不了的,如果后期想生成多端系统的话就不要使用留坑。

官方文档:页面简介 | uni-app官网

相关推荐
jerrywus12 小时前
Skill、MCP、Workflow、Rules、Memory 有什么区别?拿几次真实开发任务讲清楚
前端·agent·claude
补码缩写12 小时前
canvas 与 sharp 缩放透明图:默认预乘,非预乘得拆通道
前端
静默回滚12 小时前
抠图 PNG 缩小再放大,边缘又糊又白是两件事
前端
用户119770794807313 小时前
GitHub 电商开源项目分享:用 sharp 批量出饰品主图,试了裁剪、细节图和色彩配置文件三个坑
前端·node.js
deli00713 小时前
地图定位为什么偏了 500 米?GPS 与火星坐标实测
前端
TK泰妞13 小时前
节日促销前,TikTok 商品视频应该提前准备什么?
前端·人工智能·节日
CCIE-Yasuo13 小时前
网络安全-学习web开发-列表、标签
前端·学习·web安全
小大宇13 小时前
Vue知识点-ElementPlus-06 单选+多选+下拉+日期选择
前端·vue.js·elementui
用户114818678948413 小时前
Nuxt 3 学习版 Demo:跟着做一遍,从跑起来到自己会改
前端
hiahiahia12313 小时前
Streaming Model Output
开发语言·前端