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

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

浏览量:536 时间: 来源:之芫

首先建立一个按钮

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

然后编译,点击按钮

小程序
跳转成功

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


腾讯云的福利
推广者专属福利,新客户无门槛领取总价值高达2860元代金券,每种代金券限量500张,先到先得。
小程序

微信小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎