uniapp app兼容性问题 动态控制右上角按钮显示隐藏 隐藏titleNView 下拉刷新 关闭下拉刷新的圈圈《冤种日常》

有一个很尴尬的情况,下面两种情况并不能一起生效,所以如果是打包成app只用下面的就可以,如果多端可以把上面的也加上,判断一下有没有元素再设置style
建议把这种方法写在下面一点,不然报错了下面的代码就不走了,也不会报错(冤种)
(只使用app的方式,h5上调试写在下面的代码老是走不到也不报错,我真的会谢好嘛)

设置右上角按钮

"style": {
	"enablePullDownRefresh": true,// 页面下拉刷新(下面有细节)
	"navigationBarTitleText": " 页面名称",// 页面名称
	"titleNView": {
		"autoBackButton": "true",// 左边返回按钮
		"buttons": [{
			"id": "1",
			"float": "right",
			"fontSize": "15px",
			"fontSrc": "/static/iconfont/iconfont.ttf",// 也可以使用字体icon
			"text": "右侧按钮",
			"width": "70px"
		}]
	}
}

h5生效

// 1.先获取到右上角的元素 第一个元素应该是左上角的元素
const rightButtonEle = document.getElementsByClassName('uni-page-head-ft')[1]
rightButtonEle.style.display = 'none';

app生效

let webView = this.$mp.page.$getAppWebview();  
webView.setTitleNViewButtonStyle(0,{  
	width: '0'  
});  
webView.setTitleNViewButtonStyle(1,{  
	width: '0'  
});

下拉刷新

"style": {
	"enablePullDownRefresh": true,// 开启页面下拉刷新
	"navigationBarTitleText": " 页面名称" // 页面名称
}

下拉刷新页面

data() {
	return {}
}onPullDownRefresh() {
	this.handleInit();
}
methods: {
	handleInit() {
	// api接口查询数据
	    fetchData().then(() => {
	    	// 处理数据
	    }).finally(() => {
	   	 	uni.stopPullDownRefresh()// 关闭下拉刷新的loading
	    })
	}
}

你可能感兴趣的:(打包,uniapp,uniapp,app,web,app,uniapp,兼容问题)