swan.setNavigationBarTitle

解释:动态设置当前页面的标题,设计文档详见顶部导航栏。如需更多自定义导航样式,可使用 Smart UI 组件,详见 navigation 自定义导航

方法参数

Object object

object 参数说明

属性名类型必填默认值说明

title

String

页面标题

success

Function

接口调用成功的回调函数

fail

Function

接口调用失败的回调函数

complete

Function

接口调用结束的回调函数(调用成功、失败都会执行)

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

百度智能小程序

请使用百度APP扫码

代码示例

  • SWAN
  • JS
  1. <view class="wrap">
  2. <view class="card-area">
  3. <input bind:input="titleInput" class="input border-bottom" type="text" placeholder="请输入页面标题并点击设置即可"/>
  4. <button bind:tap="setNavigationBarTitle" type="primary" hover-stop-propagation="true">设置框架标题</button>
  5. </view>
  6. </view>

设计指南

页面标题要和页面内容相对应,最多显示 8 个字,超出会被截断,建议措辞精简。若小程序使用 tabBar ,切换 tab 时,页面标题应跟随 tab 内容变更。

swan.setNavigationBarTitle - 图2

正确

页面标题简洁易懂

swan.setNavigationBarTitle - 图3

错误

标题过长显示不全,导致信息缺失

错误码

Android

错误码说明

1001

执行失败

iOS

错误码说明

202

解析失败,请检查参数是否正确