How to use switchTab in WeChat applet development

What I wrote is an e-commerce mall applet. After jumping to the details page, there are two clickable icons as shown in the figure:

You must be smart. Guess where these two icons jump to, it must be bindtap, and then wx.navigator is done. Two simple page jumps, and then these two problems actually stuck me for more than an hour. Later, I had to ask the big guys in the WeChat group to solve the problem. Because I didn’t read the document carefully, the two jumps The page is the path of the official bottom tab of WeChat as shown in the figure:

The problem is that you used these paths in the official tabbar as shown in the figure:

Then the solution is:

handleGoIndex: function() {
wx.switchTab({
url: '/pages/index/index'
})
},
handleGoCart: function() {
wx.switchTab({
url: '/pages/cart/index'
})
}

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

WeChat Mini Program Development Obtaining User Basic Information

How to use the UI framework for WeChat Mini Program Development

The above is the detailed content of How to use switchTab in WeChat applet development. For more information, please follow other related articles on the PHP Chinese website!