微信小程序> 小程序的button跳转

小程序的button跳转

浏览量:2261 时间: 来源:anaerobic_me

我们的小程序不光是在tabBar可以实现跳转,有时我们也要在页面中点击某个按钮进行页面的跳转。
那么在开发文档中,有许多跳转方式。但是有些跳转方式我们看起来并不是很明确。
我们经常使用的跳转方式应该是wx.navigateTo 实现跳转。
例如我们要在index主页实现跳转到test页:
1、先在index.wxml中添加button:

view class='userdemo'    button type='primary' bindtap='test'nihao /button//样式设置为默认,绑定函数test,button名称 /view

2、然后在index.js中设置函数名为test的函数:

test:function(){    wx.navigateTo({//以navigate进行跳转      url: '/pages/demo/demo',//保证路径正确,如果这样书写记得最前面加/,也可以这样写:../demo/demo    })  },

3、记得跳转的页面在app.json的pages中注册:

 "pages":[    "pages/index/index",    "pages/logs/logs",    "pages/demo/demo"//注册要跳转的目标页面    ]

这样就可以实现button的页面跳转了。

注意:如果都设置好了,还不能实现跳转,先检查跳转路径是否正确,如果还跳转不了,请检查你要跳转的页面是否在tabBar中设置了,如果设置在tabBar,请删除tabBar中的,如果不能删除的话,请将wx.navigateTo换为wx.switchTo,即可跳转。

版权声明

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

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

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