背景:

做一项目,uniapp现在首页导航栏添加一个返回的图标,并且添加回退的点击事件。
解决方案:
配置信息如下:
在pages.json中:添加titleNView

"titleNView": {
"buttons": [
// 左边
{
"color": "#FFFFFF",
"colorPressed": "#BBBBBB",
"type": "back",
"float": "left"
}
]
}
在页面中添加的事件方式:
onNavigationBarButtonTap(val) {
console.log(val.index);
if (val.index == 0) {
// uni.clearStorage();
}
},
实现结果如下:

本文介绍如何在uni-app项目中为首页导航栏添加返回图标及点击事件。通过配置pages.json文件中的titleNView属性并设置按钮类型为back,同时在页面中定义onNavigationBarButtonTap事件处理函数来实现导航回退。
最低0.47元/天 解锁文章
5565

被折叠的 条评论
为什么被折叠?



