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官网

相关推荐
非凡ghost几秒前
AIMP(音乐播放软件)
前端·windows·音视频·firefox
xiaotao1313 分钟前
Vite 完全学习指南
前端·vite·前端打包
军军君0116 分钟前
Three.js基础功能学习十五:智能黑板实现实例二
开发语言·前端·javascript·vue.js·3d·threejs·三维
IT枫斗者24 分钟前
构建具有执行功能的 AI Agent:基于工作记忆的任务规划与元认知监控架构
android·前端·vue.js·spring boot·后端·架构
hotlinhao25 分钟前
Nginx rewrite last 与 redirect 的区别——Vue history 模式短链接踩坑记录
前端·vue.js·nginx
ZC跨境爬虫28 分钟前
海南大学交友平台开发实战day7(实现核心匹配算法+解决JSON请求报错问题)
前端·python·算法·html·json
下北沢美食家31 分钟前
CSS面试题2
前端·css
weixin_4617694037 分钟前
npm create vue@latest 错误
前端·vue.js·npm
WindrunnerMax39 分钟前
从零实现富文本编辑器#13-React非编辑节点的内容渲染
前端·架构·github
四千岁39 分钟前
Ollama+OpenWebUI 最佳组合:本地大模型可视化交互方案
前端·javascript·后端