zoukankan      html  css  js  c++  java
  • uni-app中原生头部导航栏图标事件的监听

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

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

  • 相关阅读:
    Vue 中常见性能优化
    简单模板引擎实现
    函数柯理化
    url 解析
    快排
    防抖节流实现
    call、apply、bind 实现
    深克隆
    数组去重
    eventEmitter 简单实现
  • 原文地址:https://www.cnblogs.com/lxsunny/p/13883463.html
Copyright © 2011-2022 走看看