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中动态修改时点击按钮依然能调用事件,第一种是修改后即失效了。

希望能帮到你!

相关推荐
大模型码小白7 分钟前
数据可视化:AI 生成 HTML5 动态交互式数据图表
前端·数据库·人工智能·深度学习·机器学习·信息可视化·html5
八荒启·交互动画8 分钟前
Web特效01—什么是渲染
前端·javascript·网页特效·八荒启-交互动画
小肥君12 分钟前
前端测试websocket
前端·websocket·状态模式
南京兴帝文化传媒有限公司33 分钟前
基于地图平台的本地商户信息优化:药店夜间服务标注与客户转化实操
前端·javascript·数据库·人工智能·geo 优化·geo优化避坑·ai搜索获客
八荒启·交互动画33 分钟前
Web特效04——GPUvs CPU,为什么图形计算要交给GPU,什么是“并行计算”
前端
呃呃呃呃ex1 小时前
2026年古法编程的末法时代,如何评估自己完成迅速转行
前端·后端
南京兴帝文化传媒有限公司1 小时前
地图SEO与AI搜索优化结合实践:宁国摄影工作室本地获客案例分析
大数据·前端·人工智能·geo 优化·geo优化避坑
用户921080262861 小时前
前端 Vue 专栏 07:模板编译、虚拟 DOM、Diff 与 key
前端
八荒启_交互动画1 小时前
Web特效03——像素VS顶点:图形处理的的两种基本单位
javascript
光影少年1 小时前
react navite process.nextTick 和 Promise.then 的执行顺序
前端·react native·react.js