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

希望能帮到你!

相关推荐
李少兄5 分钟前
前端开发中的多列布局(Multi-column Layout)
前端·css
new出一个对象9 分钟前
uniapp手写滚动选择器
开发语言·前端·javascript
Data_agent10 分钟前
京东获得京东商品详情API,python请求示例
java·前端·爬虫·python
CodeSheep12 分钟前
这个知名编程软件,正式宣布停运了!
前端·后端·程序员
2401_8603195217 分钟前
DevUI组件库实战:从入门到企业级应用的深度探索,如何实现带搜索的Table表格
前端·前端框架
m0_4711996325 分钟前
【场景】用户名+密码+验证码的登录全流程
前端
恋猫de小郭26 分钟前
豆包手机为什么会被其他厂商抵制?它的工作原理是什么?
android·前端·ai编程
码上成长28 分钟前
长耗时接口异步改造总结
前端·git·后端
风华同学29 分钟前
【系统移植篇】系统烧写
java·开发语言·前端
by__csdn31 分钟前
JavaScript性能优化实战:异步与延迟加载全方位攻略
开发语言·前端·javascript·vue.js·react.js·typescript·ecmascript