2***@qq.com
2***@qq.com
  • 发布:2024-11-10 14:10
  • 更新:2024-11-11 12:53
  • 阅读:131

currentWebview.setTitleNViewButtonStyle

分类:uni-app

nvue 页面中,原页面page.json配置的的button的txt 为下一步

通过如下修改text
let pages = getCurrentPages()
let page = pages[pages.length - 1];
let currentWebview = page.$getAppWebview();
currentWebview.setTitleNViewButtonStyle(0, {text:"完成"});
结果
1、界面上已经更改了。
2、异常:onNavigationBarButtonTap事件中,获取到的还是下一步,这个地方并不是“完成“
问题:
为什么界面变化了,但是 onNavigationBarButtonTap 事件中并未变化

2024-11-10 14:10 负责人:DCloud_App_Array 分享
已邀请:
DCloud_UNI_OttoJi

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信

界面变化了,事件回调没有变化,具体是回调参数有问题,还是延迟获取有问题?是否可以提供单页面源码,用来说明对你的问题,你提供的带帽看点是调用了对应的 api,完整的代码补充一下,并说明 vue 和HBuilderX 版本

  • 2***@qq.com (作者)

    1、HBuilderX 4.29

    2、nvue

    3、pages.json

    配置一个页面,的右上角button按钮,

    {

    "path": "pages/index/index",

    "style": {

    "navigationBarTitleText": "uni-app",

    "app-plus": {

    "titleNView": {

    "buttons": [{

    "type": "none",

    "fontSize": "26rpx",

    "text": "下一步",

    "width": "100px"

    }]

    }


                }  
    }
    }

    4、在 index.nvue 中的onload 周期里面写上

    主要的作用就是修改右上角这个按钮的的文字

    let pages = getCurrentPages()

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

    let currentWebview = page.$getAppWebview();

    currentWebview.setTitleNViewButtonStyle(0, {text:"完成"});


    这个执行完成后,在真机运行的界面上会看到 "下一步",变成了 "完成"


    5、在index.nvue 加上事件 ,当点击右上角的按钮时触发

    onNavigationBarButtonTap(e){

    //这里打印出来的还是 "下一步" ,而不是"完成";

    //期望值是 完成,而不是下一步

    console.log(e);

    }

    2024-11-11 12:45

2***@qq.com

2***@qq.com (作者)

完整的,测试项目,

只有一个nvue页面,一个page 其他全部官方默认项目文件
见附加:Text.rar

要回复问题请先登录注册