当前位置:asp编程网>技术教程>MUI教程>  正文

uniapp导航栏自定义文字或者按钮以及点击事件

2020-04-10 20:34:24   来源:网络   作者:佚名   浏览量:1428   收藏
uniapp中给导航栏自定义文字或者按纽的方法只有两步
第一步:在导航栏上添加文字或者按钮
假设页面名称为:account
在pages.json中找到account,
{
 "path": "pages/users/main/account",
}
将它改为:
{
   "path": "pages/users/main/account",
  "style" : {
      "navigationBarTitleText" : "添加分类",
      "app-plus": {
          "bounce": "none", //关闭窗口回弹效果
          "titleNView": {
              "buttons": [ //原生标题栏按钮配置,
                  {  
   "type":"none",
   "text":"保存",//或者图片符号如:"\u2713",
   "float":"right",
   "fontSize":"16",
   "width":"80upx"
                  }
               ]
           }
       }
  }
}
第二步:设置点击事件
在account页面中添加如下代码(与data和onload平级):
onNavigationBarButtonTap(e) {
    console.log("success") ; //这里你可以写一些代码处理    
}
这样就可以了。


关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网