ホームページ > WeChat アプレット > ミニプログラム開発 > WeChat アプレットはページ タイトル メソッド共有の動的設定を実装します

WeChat アプレットはページ タイトル メソッド共有の動的設定を実装します

小云云
リリース: 2018-05-10 17:27:41
オリジナル
8520 人が閲覧しました

この記事では主に、WeChat ミニ プログラムでページ タイトルを動的に設定する方法を紹介します。これには、WeChat ミニ プログラム ボタン コンポーネントのイベント バインドとページ要素属性の動的設定に関連する実装テクニックが含まれます。また、読者がダウンロードできる完全なソース コードも付属しています。困っている友達は以下を参照してください。皆さんのお役に立てれば幸いです。

この記事の例では、WeChat アプレットでページ タイトルを動的に設定する方法を説明します。参考として皆さんに共有してください:

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: &#39;标题1&#39;,
  })
 },
 // 设置标题为:标题2
 setBiaoTi2: function () {
  wx.setNavigationBarTitle({
   title: &#39;标题2&#39;,
  })
 },
 // 设置标题为:标题3
 setBiaoTi3: function () {
  wx.setNavigationBarTitle({
   title: &#39;标题3&#39;,
  })
 },
 // 设置标题为:动态设置页面标题
 back:function(){
  wx.setNavigationBarTitle({
   title: &#39;脚本之家 - 动态设置页面标题&#39;,
  })
 }
})
ログイン後にコピー

③ WXSS ファイル

button{
 margin-top:10px;
}
ログイン後にコピー

Reactは実際のDOMを操作して動的な下部吸引を実現します

jQueryを使用して小さな広告を動的に追加する詳細な説明

CSSと組み合わせ、Htmlを使用してカラーブロックを動的に表示するレポート効果を実現します

以上がWeChat アプレットはページ タイトル メソッド共有の動的設定を実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート