WeChat 애플릿은 페이지 제목 방법 공유의 동적 설정을 구현합니다.

이 기사에서는 WeChat 미니 프로그램 버튼 구성 요소의 이벤트 바인딩 및 페이지 요소 속성의 동적 설정과 관련된 구현 기술을 포함하여 WeChat 미니 프로그램에서 페이지 제목을 동적으로 설정하는 방법을 주로 소개합니다. 또한 독자가 다운로드할 수 있는 완전한 소스 코드도 함께 제공됩니다. 도움이 필요한 친구들은 아래를 참고하여 모두에게 도움이 되기를 바랍니다.

이 문서의 예에서는 WeChat 애플릿에서 페이지 제목을 동적으로 설정하는 방법을 설명합니다. 참고용으로 다음과 같이 공유하세요.

1. 효과 표시

2. 키 코드

1 WXML 파일

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

2 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: '脚本之家 - 动态设置页面标题',
  })
 }
})

3 WXSS 파일

button{
 margin-top:10px;
}

관련 권장 사항:

React는 동적 바닥 빨기를 달성하기 위해 실제 DOM을 작동합니다

jQuery를 사용하여 작은 광고를 동적으로 추가하는 방법에 대한 자세한 설명

CSS와 결합하고 Html을 사용하여 색상 블록을 동적으로 표시하는 보고 효과를 얻습니다

위 내용은 WeChat 애플릿은 페이지 제목 방법 공유의 동적 설정을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!