首先建立一个按钮

在 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张，先到先得。

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

uniapp开发微信小程序教程（二）实现一个页面
文章目录拿到需求原型并分析一.设计页面结构: 二.UI框架介绍及ColorUI 三.在项目中引入用到的组件四.开发页面本文项目源码地址:https://gitee.com/caojianban ...
微信小程序退出按钮退出方式
微信小程序退出按钮退出方式 1,只能跳转到 tabBar配置的页面 wx.switchTab({url:''../xxx/xxx}) 2.返回上一级页面 (delta:返回的页面数,如果delta大于 ...
会员卡券领取小程序_微信小程序会员卡开发跳坑
微信小程序会员卡开发跳坑最近看好多人问,小程序里面怎么显示会员卡,然客户领取后,去对应店铺核销. 本身以为会很简单,最后费了好大心思才找到对应文档. 会员卡是见过微信最差的文档了,没说明参数从哪里获 ...
微信小程序——添加按钮格式
微信小程序--添加按钮步骤一:在wxml文件中添加按钮代码(图后提供可复制代码) <button class = "button_cat">炸炸呼呼</butt ...
解决微信小程序使用switchTab跳转后页面不刷新的问题
解决微信小程序使用switchTab跳转后页面不刷新的问题参考文章: (1)解决微信小程序使用switchTab跳转后页面不刷新的问题 (2)https://www.cnblogs.com/mmyk ...
uni-app 微信小程序分享按钮
uni-app 微信小程序分享按钮官方文档说明在 manifest.json 的 App SDK 配置里,勾选微信消息及朋友圈,并填写相关 appkey,微信 appkey 在需要分享的页面填写: ...
Android APP跳转微信小程序和APP跳转支付宝小程序传参
Android APP跳转微信小程序和APP跳转支付宝小程序传参微信开放文档链接 MINIPROGRAM_TYPE_PREVIEW:体验版. MINIPROGRAM_TYPE_TEST:开发版 MI ...
微信小程序：实现跳转页面到其它页面的指定位置的方法
微信小程序上没有类似 html 锚点链接的方法,但在一些开发场景下却又有这样的需求,我们只能想办法来实现曲线救国了.这篇文章主要介绍了实现跳转页面到其它页面的指定位置的方法(示例代码)以及相关的经验技 ...
微信小程序之自动跳转页面
微信小程序之自动跳转页面: 页面.wxml文件中定义桌面的程序: <scroll-view> < image src="../../images/first.png&quo ...

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

首先建立一个按钮

创建一个新页面

写跳转函数

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

最新文章

热门文章