uniapp下导航栏自定义多按钮单击事件

uniapp官方给出的函数  onNavigationBarButtonTap （监听原生标题栏按钮点击事件，参数为Object）

按钮监听函数

在pages.json添加导航栏中的按钮

"pages":[{

                 "path":"pages/index/index",

                 "style":{

                                "enablePullDownRefresh":true,

                                "app-plus":{

                                                    "button":[{

                                                                       "index":"0",

                                                                        "text":"\ue609",

                                                                        "fontSrc":"./static/font/font.ttf",

                                                                        "float": "left"

                                                                 }]

                                                  }

                               }

                }]

script标签内添加监听事件

onNavigationBarButtonTap(val) {

                console.log(val.index);

                if (val.index == 1) {

                                console.log("第一个按钮");

                };

                if (val.index == 0) {

                                console.log("第二个按钮");

                }

}

index下标根据val返回的值来判断是哪一个按钮

作者：Q_2040
链接：https://www.jianshu.com/p/c689bfe32625
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。