微信小程序--实现按钮跳转另一个页面
首先建立一个按钮在 index.wxml页面中建立一个容器作为按钮<view class='day-weather' bindtap='onTapDayWeather'></view>上面是我代码部分,由bindtap构建一个按钮函数然后在index.js页面写onTapDayWeather函数onTapDayWeather(){wx.s..
·
首先建立一个按钮
在 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',
})
}
然后编译,点击按钮
跳转成功
嗯,有些地方是部分代码,不懂的可以问我
更多推荐
已为社区贡献1条内容
所有评论(0)