How to set the page title dynamically by WeChat Mini Programs

This article mainly introduces the relevant knowledge of WeChat Mini Programs how to dynamically set the page title, the content is detailed and easy to understand, the operation is simple and fast, and has a certain reference value. I believe you will gain something after reading this WeChat Mini Programs article on how to dynamically set the page title. Let's take a look.

1. Effect display

2. Key code

① WXML file

Title 1 title 2 title 3 restore

② JS file

Page ({/ / sets the title as: title 1 setBiaoTi1:function () {wx.setNavigationBarTitle ({title: 'title 1 paragraph,})}, / / sets the title to: title 2 setBiaoTi2: function () {wx.setNavigationBarTitle ({title:' title 2 paragraph,})}, / / sets the title to: title 3 setBiaoTi3: function () {wx.setNavigationBarTitle ({title: 'title 3,})} / / set the title as: dynamically set the page title back:function () {wx.setNavigationBarTitle ({title:'- dynamically set the page title',})})

③ WXSS file

This is the end of the article button {margin-top:10px;} on "how to set the page title dynamically by WeChat Mini Programs". Thank you for reading! I believe that everyone has a certain understanding of the knowledge of "how to dynamically set the page title of WeChat Mini Programs". If you want to learn more knowledge, you are welcome to follow the industry information channel.