首先建立一个按钮
在 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', }) }
然后编译,点击按钮
跳转成功
嗯,有些地方是部分代码,不懂的可以问我
图片中的水印是我自己csdn博客的水印,直接复制过来的,不是盗的博文。有兴趣可以去去看看。