您现在的位置是:首页 >技术杂谈 >微信小程序动态设置标题 IOS、安卓通用(直接使用)网站首页技术杂谈

微信小程序动态设置标题 IOS、安卓通用(直接使用)

奥特曼学前端 2023-05-17 20:00:02
简介微信小程序设置标题

1.默认标题--在json文件中写

 2.动态设置标题  

 2-1:固定写:

       使用方法:直接把这段代码放在onLoad里面 即表示--界面记载时候就执行所设置的title

        wx.setNavigationBarTitle({

            title: "XXXX"

        })

 2-2:动态变更标题

       使用方法:

 wx.request({

      url: '填写后台请求地址',

      success(res){

        var jsonuser = JSON.parse(res.data);//将请求后返回的结果转换为JSON(这块不必跟我一样,需按照实际后台返回结果来定义)

        //此处用于动态更换标头

        if(jsonuser[0].uname=="admin"){

                  wx.setNavigationBarTitle({

                     title: jsonuser.name

                })

        }else{

                  wx.setNavigationBarTitle({

                     title: jsonuser.deviceid

                })

        }

})

3.总结:

 主要用到代码:wx.setNavigationBarTitle({ title: jsonuser.deviceid})

 可根据实际需求来动态更换标题;

风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。