1. 程式人生 > >微信小程式--實現按鈕跳轉另一個頁面

微信小程式--實現按鈕跳轉另一個頁面

首先建立一個按鈕

index.wxml頁面中建立一個容器作為按鈕

<view class='day-weather' bindtap='onTapDayWeather'>
</view>

上面是我程式碼部分,由bindtap構建一個按鈕函式

然後在index.js頁面寫onTapDayWeather函式

onTapDayWeather(){
    wx.showToast()
  }

然後編譯點選按鈕,出現如圖所示,這樣一個則是按鈕設定成功

這裡寫圖片描述

建立一個新頁面

  1. 在pages下面新建一個目錄list,然後list新建page命名list
    這裡寫圖片描述

  2. list.js

    裡面的生命週期函式全刪除
    這裡寫圖片描述

  3. list.wxml裡面寫點內容標記一下,<text>Hello World!</text>
    這裡寫圖片描述

寫跳轉函式

回到index.js頁面,修改之前的按鈕函式

onTapDayWeather(){
    wx.navigateTo({
      url: '/pages/list/list',
    })
  }

然後編譯,點選按鈕

這裡寫圖片描述
跳轉成功

嗯,有些地方是部分程式碼,不懂的可以問我