微信小程序怎么实现动态设置页面标题-创新互联

这篇文章主要介绍了微信小程序怎么实现动态设置页面标题的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇微信小程序怎么实现动态设置页面标题文章都会有所收获，下面我们一起来看看吧。

成都创新互联公司是一家专业提供盖州企业网站建设,专注与成都做网站、成都网站建设、H5建站、小程序制作等业务。10年已为盖州众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。

1、效果展示

2、关键代码

① WXML文件

<button bindtap="setBiaoTi1">标题1</button>
<button bindtap="setBiaoTi2">标题2</button>
<button bindtap="setBiaoTi3">标题3</button>
<button bindtap="back">还原</button>

② JS文件

Page({
 // 设置标题为：标题1
 setBiaoTi1:function(){
  wx.setNavigationBarTitle({
   title: '标题1',
  })
 },
 // 设置标题为：标题2
 setBiaoTi2: function () {
  wx.setNavigationBarTitle({
   title: '标题2',
  })
 },
 // 设置标题为：标题3
 setBiaoTi3: function () {
  wx.setNavigationBarTitle({
   title: '标题3',
  })
 },
 // 设置标题为：动态设置页面标题
 back:function(){
  wx.setNavigationBarTitle({
   title: '创新互联网站建设公司， - 动态设置页面标题',
  })
 }
})

③ WXSS文件

button{
 margin-top:10px;
}

关于“微信小程序怎么实现动态设置页面标题”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“微信小程序怎么实现动态设置页面标题”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注创新互联行业资讯频道。

标题名称：微信小程序怎么实现动态设置页面标题-创新互联
网站网址：https://www.cdcxhl.com/article32/ccgesc.html

成都网站建设公司_创新互联，为您提供定制网站、Google、品牌网站制作、云服务器、服务器托管、虚拟主机

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联