微信小程序--实现按钮跳转另一个页面

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Magic_Ninja/article/details/81462337

首先建立一个按钮

在 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',
    })
  }

然后编译，点击按钮

跳转成功

嗯，有些地方是部分代码，不懂的可以问我