title: swan.setNavigationBarTitle header: develop nav: api sidebar: navigationbar_swan-setNavigationBarTitle

webUrl: https://qft12m.smartapps.cn/swan-api/set-navigation-bar-title/set-navigation-bar-title

解释：动态设置当前页面的标题。

方法参数

Object object

object参数说明

属性名 类型 必填 默认值 说明
title String 是 页面标题
success Function 否 接口调用成功的回调函数
fail Function 否 接口调用失败的回调函数
complete Function 否 接口调用结束的回调函数（调用成功、失败都会执行）

示例

在开发者工具中预览效果

扫码体验

webUrl: https://qft12m.smartapps.cn/swan-api/set-navigation-bar-title/set-navigation-bar-title - 图1 请使用百度APP扫码

代码示例

:::codeTab

  1. <view class="container">
  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>
  1. Page({
  2.     data: {
  3.         newTitle: ''
  4.     },
  5.     titleInput(e) {
  6.         this.setData('newTitle', e.detail.value);
  7.     },
  8.     setNavigationBarTitle(e) {
  9.         let newTitle = this.getData('newTitle');
  10.         if (!newTitle) {
  11.             swan.showToast({
  12.                 title: '请输入标题'
  13.             });
  14.             return;
  15.         }
  16.         swan.setNavigationBarTitle({
  17.             title: newTitle
  18.         });
  19.     }
  20. });

:::

错误码

Android

错误码 说明
1001 执行失败

iOS

错误码 说明
202 解析失败，请检查参数是否正确