微信小程序> 微信小程序标签跳转和方法跳转区别-小程序标签跳转跳转鸿

微信小程序标签跳转和方法跳转区别-小程序标签跳转跳转鸿

浏览量:2503 时间: 来源:鸿鹄兔
微信小程序标签跳转和方法跳转区别

下面就是小编带给大家的小程序标签跳转和方法跳转区别方法操作,希望能够给你们带来一定的帮助,谢谢大家的观看。

方法/步骤

1.在index.js中的Page函数内部,添加changeToTest 函数,函数里面使用wx.navigateTo,写上需要跳转的页面,里面传入的是一个对象。

2.对象内使用url属性,对应的就是需要跳转的页面的路径(注意:这是接收的是一个相对路径,并且页面不需要使用.wxml后缀) 。

3.在wxml页面中:<navigator url=../index/index>跳转到新页面</navigator> <navigator url=../index/index open-type=redirect>。

4.在当前页打开</navigator> <navigator url=../index/index open-type=switchTab>切换到首页Tab</navigator>。

5.navigator 组件跳转,和 a 标签跳转差不多,给 navigator 添加要跳转到的 url 地址即可,这里需要注意下,我们在使用微信 web 开发者工具按 enter 自动补全时生成的组件有错,

6.navigator 闭合标签的“/” 位置应该是在 navigator 前,而自动生成的是<navigator/>,导致编译报错,同样的还有 image 组件等。


注意事项

7.以上就是小编带给大家的如何操作的关键所在,如果觉得本经验对你们有帮助,请给小编我进行一点小小的支持。大家也可以下面发表一下自己的看法。 个人意见,仅供参考。

版权声明

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

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

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