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

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函数无法监听顶部事件,应把这个函数放在父组件中才能监听

posted on 2020-10-27 10:27  菜鸟成长日记lx  阅读(1033)  评论(0编辑  收藏  举报