标签：onNavigationBarButtonTap e9% 函数 app 组件 uni 图标 监听 页面

这个其实很简单哦，注意看（所有事件的监听方法，其实官网中都有介绍，有时因为忙碌没有太多的时间逐个仔细看，导致我们不知道用啥去监听导航栏中的事件）教程：

1.打开官网：https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%e9%a1%b5%e9%9d%a2%e7%94%9f%e5%91%bd%e5%91%a8%e6%9c%9f

找到 框架下的生命周期==》 页面生命周期 =》 onNavigationBarButtonTap

 2.配置（在相应的配置文件中进行顶部导航栏的配置）

3.在页面中添加函数(和data是同级的函数)

onNavigationBarButtonTap(e) {
console.log('测试',e)
if (e.text == '清除消息') {
this.$refs.uToast.show(
{
title: '清除消息' ,
type:'primary'
});
}
},

注意：如果一个页面由多个组件组成，子组件中使用onNavigationBarButtonTap函数无法监听顶部事件，应把这个函数放在父组件中才能监听

标签：onNavigationBarButtonTap,e9%,函数,app,组件,uni,图标,监听,页面
来源： https://www.cnblogs.com/lxsunny/p/13883463.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。