2021-09-03 关于uniapp页面上方自定义按钮的隐藏

关于uniapp页面上方自定义按钮的隐藏

1、第一步在pages.json文件写上页面的按钮(titleNView里)

		{
			"path": "pages/homepage/list",
			"style": {
				"navigationBarTitleText": "列表", 
				"app-plus": {
					"bounce": "vertical",
					"titleNView": {
						"buttons": [{
							"text": "新增",
							"fontSrc": "/static/uni.ttf",
							"fontSize": "13px",
							"color": "#FFFFFF",
							"float": "right"
						}]
					}
				},
				"enablePullDownRefresh": true,
				"onReachBottomDistance": 100
			}
		},

2、第二步,在页面加载时根据前一个页面传过来的数据判断是否显示该按钮

		onLoad(options) {//onLoad函数与data、methods同级
		
			var webview = this.$mp.page.$getAppWebview();
			
			this.activeIndex = options.activeIndex
								   
			if(this.activeIndex==1)//传过来的值为1时按钮宽度设为0,视为隐藏
				webview.setTitleNViewButtonStyle(0, {
				  width:'0px'
			});
		}

注:按钮宽度设为0并非真正的隐藏,如果哪位大佬了解有其他方法,欢迎分享和讨论。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值