How to dynamically set the page title using WeChat applets [Download source code] and download the applet source code

How to dynamically set the page title for a applet [Download source code] and download the applet source code

This example describes how to dynamically set the page title by using a applet. We will share this with you for your reference. The details are as follows:

1. Effect display

2. Key code

① WXML File

<Button bindtap = "setBiaoTi1"> Title 1 </button> <button bindtap = "setBiaoTi2"> Title 2 </button> <button bindtap = "setBiaoTi3"> Title 3 </ button> <button bindtap = "back"> restore </button>

② JS File

Page ({// set the title to: Title 1 setBiaoTi1: function () {wx. setNavigationBarTitle ({title: 'title 1',})}, // set the title to: title 2 setBiaoTi2: function () {wx. setNavigationBarTitle ({title: 'title 2',})}, // set the title to: title 3 setBiaoTi3: function () {wx. setNavigationBarTitle ({title: 'title 3',})}, // set the title to dynamic settings page title back: function () {wx. setNavigationBarTitle ({title: 'helphouse-dynamic page title ',})}})

③ WXSS File

Button {margin-top: 10px ;}

3. Click here for the complete instance codeDownload from this site.

I hope this article will help you develop small programs.