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

在 index.wxml页面中建立一个容器作为按钮


上面是代码部分,由bindtap构建一个按钮函数

然后在index.js页面写onTapDayWeather函数

onTapDayWeather(){

    wx.showToast()

  }


然后编译点击按钮,出现如图所示,这样一个√则是按钮设置成功

创建一个新页面

在pages下面新建一个目录list,然后list新建page命名list

把list.js里面的生命周期函数全删除

list.wxml里面写点内容标记一下,Hello World!

写跳转函数

回到index.js页面,修改之前的按钮函数

onTapDayWeather(){

    wx.navigateTo({

      url: '/pages/list/list',

    })

  }


然后编译,点击按钮

跳转成功

你可能感兴趣的:(微信小程序--实现按钮跳转另一个页面)