微信小程序> 微信小程序:navigator设置openType=switchTab不起作用

微信小程序:navigator设置openType=switchTab不起作用

浏览量:495 时间: 来源:Run_youngman

最近刚开始学习小程序,官方文档不够充分的组件说明导致了一些现象无法说清楚。就比如这个openType=”switchTab”,
我使用了一下这个,首先说明我的代码结构没有完全按照官网结构,只是截取了footer的功能。
如图:
小程序
就是有一个navigator,动作是用switchTab的方式跳转到首页面。我看了官方说实例是可以跳转的,但是我自己代码里面就没有办法跳转。
代码:

<template name="foot">  <navigator class="page-foot" url="/pages/home/home" hover-class="none">    <image class="icon-foot" src="../../../../image/icon_foot.png"></image>  </navigator></template>  

经过了各种尝试都没能跳转之后,我就在考虑是不是架构不符的原因。于是新建了一个类似的项目发现,只有在app.json中定义了tabBarlist中的pagePath才可以跳转过去
app.json

"tabBar": {    "color": "#7A7E83",    "selectedColor": "#3cc51f",    "borderStyle": "black",    "backgroundColor": "#ffffff",    "list": [{      "pagePath": "page/component/index",      "iconPath": "image/icon_component.png",      "selectedIconPath": "image/icon_component_HL.png",      "text": "组件"    }, {      "pagePath": "page/API/index",      "iconPath": "image/icon_API.png",      "selectedIconPath": "image/icon_API_HL.png",      "text": "接口"    }]  },

这样一来也能说明了他的字面意思,从Tab中跳转,可能是我自己理解能力有问题,记录这篇文章,希望能帮到人,也更帮助一下自己。

版权声明

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

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

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