Maison > Applet WeChat > Développement de mini-programmes > L'applet WeChat implémente le réglage dynamique du partage de la méthode de titre de page

L'applet WeChat implémente le réglage dynamique du partage de la méthode de titre de page

小云云
Libérer: 2018-05-10 17:27:41
original
8564 Les gens l'ont consulté

Cet article présente principalement la méthode de définition dynamique des titres de page dans les mini-programmes WeChat, impliquant des techniques de mise en œuvre liées à la liaison d'événements des composants des boutons du mini-programme WeChat et à la définition dynamique des attributs des éléments de page. Il est également livré avec un code source complet pour les lecteurs. télécharger pour référence. Les amis qui en ont besoin peuvent Pour référence, j'espère que cela pourra aider tout le monde.

L'exemple de cet article décrit la méthode de définition dynamique du titre de la page dans l'applet WeChat. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

1. Affichage de l'effet

2. Fichier WXML

②Fichier JS
<button bindtap="setBiaoTi1">标题1</button>
<button bindtap="setBiaoTi2">标题2</button>
<button bindtap="setBiaoTi3">标题3</button>
<button bindtap="back">还原</button>
Copier après la connexion

③ Fichier WXSS
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;,
  })
 }
})
Copier après la connexion

Recommandations associées :
button{
 margin-top:10px;
}
Copier après la connexion

React exploite un vrai DOM pour obtenir une absorption dynamique Bottom

Explication détaillée de l'utilisation de jQuery pour ajouter dynamiquement de petites publicités

Utiliser HTML avec CSS pour obtenir l'effet de rapport de manière dynamique affichage des blocs de couleurs

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal