uniapp动态自定义导航栏,动态修改后无法再次点击的解决方案

如果你的写法是这样:

这种方式在动态修改后 ,再次点击按钮,按钮事件无法正常回调

javascript 复制代码
// #ifdef APP-PLUS

        var pages = getCurrentPages();

        var page = pages[pages.length - 1];

        var currentWebview = page.$getAppWebview();

        var tn = currentWebview.getStyle().titleNView;

        tn.buttons[0].text = "+";

        currentWebview.setStyle({

          titleNView: tn,

        });

 // #endif

请把它改为以下方式

这种方式在动态修改后依然可以继续使用

javascript 复制代码
// #ifdef APP-PLUS  

var webView = this.$mp.page.$getAppWebview();  

// 修改buttons  
// index: 按钮索引

webView.setTitleNViewButtonStyle(0, {  
    text: 'hello',  
});  

// #endif

这种方式 在进入页面mounted中动态修改时点击按钮依然能调用事件,第一种是修改后即失效了。

希望能帮到你!

相关推荐
敏姐的后花园36 分钟前
模考倒计时网页版
java·服务器·前端
AiXed2 小时前
PC微信WDA算法
前端·javascript·macos
博客zhu虎康3 小时前
React+Ant design
javascript·react.js·ecmascript
一只小阿乐7 小时前
react 封装弹框组件 传递数据
前端·javascript·react.js
533_7 小时前
[element-plus] el-tree 动态增加节点,删除节点
前端·javascript·vue.js
禁止摆烂_才浅7 小时前
前端开发小技巧-【JavaScript】- 获取元素距离 document 顶部的距离
前端·javascript·react.js
wshzd7 小时前
LLM之Agent(二十九)|LangChain 1.0核心组件介绍
前端·javascript·langchain
程序猿_极客7 小时前
Vue 2脚手架从入门到实战核心知识点全解析(day6):从工程结构到高级通信(附代码讲解)
前端·javascript·vue.js·vue2学习笔记
TE-茶叶蛋8 小时前
Uniapp运行MuMu模拟器
uni-app
q***71858 小时前
海康威视摄像头ISUP(原EHOME协议) 摄像头实时预览springboot 版本java实现,并可以在浏览器vue前端播放(附带源码)
java·前端·spring boot