100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 微信小程序--实现按钮跳转另一个页面

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

时间:2020-03-24 21:21:49

相关推荐

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

首先建立一个按钮

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

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

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

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

onTapDayWeather(){wx.showToast()}

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

创建一个新页面

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

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

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

写跳转函数

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

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

然后编译,点击按钮

跳转成功

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

腾讯云的福利

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。