Skip to main content

Dynamic Page Title Settings

Scenario Overview​

Implement dynamic page title settings in WeDa applications.

Implementation Steps​

  1. Differentiate between different clients

    On the web side, dynamically set the current page title using the method provided by js.

    document.title = 'newTitle'

    On the Mini Program side, dynamically set the current page title using the official API-setNavigationBarTitle.

    wx.setNavigationBarTitle({
    title: 'newTitle'
    })

  2. Bind events in the WeDa application lifecycle. 

$w.wedaContext.platforms.includes("MP")
  ? wx.setNavigationBarTitle({
      title: "newTitle",
    })
  : (document.title = "newTitle");
Note

$w.wedaContext.platforms.includes("MP") determines whether the application terminal is a Mini Program