pages.json:
{
"path": "pages/settings/account-management/account-management",
"style": {
"enablePullDownRefresh": false,
"navigationBarTextStyle": "black",
"navigationBarTitleText": "账号管理",
"app-plus": {
"titleNView": {
"buttons": [
{
"fontSize":"32rpx",
"text": "编辑",
"color": "#000",
"float": "right"
}
]
}
}
}
}
页面中使用：
let status = ref<number>(1)
onNavigationBarButtonTap((e) => {
console.log(e)
let pages = getCurrentPages();
var page = pages[pages.length - 1];
var currentWebview = page.$getAppWebview();
var tn = currentWebview.getStyle().titleNView;
console.log(tn)
if (status.value == 1) {
status.value = 0
tn.buttons[0].text = '完成';
currentWebview.setStyle({
titleNView: tn
});
} else{
status.value = 1
tn.buttons[0].text = '编辑';
currentWebview.setStyle({
titleNView: tn
});
}
})
那种事情不要哇
- 发布：2024-05-13 12:47
- 更新：2024-05-14 09:10
- 阅读：218
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 4.15
手机系统： Android
手机系统版本号： Android 9.0
手机厂商： 模拟器
手机机型： PCLM10
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
按上述代码写入
按上述代码写入
预期结果：
点击编辑，text切换成完成，点击完成再切换成编辑
点击编辑，text切换成完成，点击完成再切换成编辑
实际结果：
只能切换成完成，再次点击无法触发onNavigationBarButtonTap事件
只能切换成完成，再次点击无法触发onNavigationBarButtonTap事件
bug描述：
在onNavigationBarButtonTap事件中改变titleNView的text属性，只能触发一次
2 个回复
那种事情不要哇 (作者)
用这个设置一次后就不能触发onNavigationBarButtonTap了，去掉就是正常的
currentWebview.setStyle({
titleNView: tn
});
那种事情不要哇 (作者)
已解决，解决办法，重启电脑，今天早上一来打开电脑测试正常了，绷不住