十二. 导航组件 navigator

比眉伴天荒 2023-07-09 02:19 8阅读 0赞

## 导航组件 ##

## navigator ##

> 页面链接

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>类型</th> 
   <th>默认值</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>target</td> 
   <td>string</td> 
   <td>self</td> 
   <td>在哪个目标上发生跳转, 默认当前小程序</td> 
  </tr> 
  <tr> 
   <td>url</td> 
   <td>string</td> 
   <td></td> 
   <td>当前小程序内的跳转链接</td> 
  </tr> 
  <tr> 
   <td>open-type</td> 
   <td>string</td> 
   <td>navigate</td> 
   <td>跳转方式</td> 
  </tr> 
  <tr> 
   <td>delta</td> 
   <td>number</td> 
   <td>1</td> 
   <td>当open-type为’navigateBack’时有效, 表示回退的层数</td> 
  </tr> 
  <tr> 
   <td>app-id</td> 
   <td>string</td> 
   <td></td> 
   <td>当<code>target="miniProgram"</code>时有效, 要打开的小程序appld</td> 
  </tr> 
  <tr> 
   <td>path</td> 
   <td>string</td> 
   <td></td> 
   <td>当<code>target="miniProgram"</code>时有效, 打开的页面路径, 如果为空则打开首页</td> 
  </tr> 
  <tr> 
   <td>extra-data</td> 
   <td>object</td> 
   <td></td> 
   <td>当<code>target="miniProgram"</code>时有效, 需要传递给目标小程序的数据, 目标小程序可在<code>App.onLaunch()</code>,<code>App.onShow()</code>中获取到这份数据</td> 
  </tr> 
  <tr> 
   <td>version</td> 
   <td>string</td> 
   <td>release</td> 
   <td>当<code>target="miniProgram"</code>时有效, 要打开的小程序版本</td> 
  </tr> 
  <tr> 
   <td>hover-class</td> 
   <td>string</td> 
   <td>navigator-hover</td> 
   <td>指定点击时的样式类，当<code>hover-class="none"</code>时，没有点击态效果</td> 
  </tr> 
  <tr> 
   <td>hover-stop-propagation</td> 
   <td>boolean</td> 
   <td>false</td> 
   <td>指定是否阻止本节点的祖先节点出现点击态</td> 
  </tr> 
  <tr> 
   <td>hover-start-time</td> 
   <td>number</td> 
   <td>50</td> 
   <td>按住后多久出现点击态, 单位毫秒</td> 
  </tr> 
  <tr> 
   <td>hover-stay-time</td> 
   <td>number</td> 
   <td>600</td> 
   <td>手指松开后点击态保留时间, 单位毫秒</td> 
  </tr> 
  <tr> 
   <td>bindsuccess</td> 
   <td>string</td> 
   <td></td> 
   <td>当<code>target="miniProgram"</code>时有效，跳转小程序成功</td> 
  </tr> 
  <tr> 
   <td>bindfail</td> 
   <td>string</td> 
   <td></td> 
   <td>当<code>target="miniProgram"</code>时有效，跳转小程序失败</td> 
  </tr> 
  <tr> 
   <td>bindcomplete</td> 
   <td>string</td> 
   <td></td> 
   <td>当<code>target="miniProgram"</code>时有效，跳转小程序完成</td> 
  </tr> 
 </tbody> 
</table>

## target的合法值 ##

<table> 
 <thead> 
  <tr> 
   <th>值</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>self</td> 
   <td>当前小程序</td> 
  </tr> 
  <tr> 
   <td>miniProgram</td> 
   <td>其他小程序</td> 
  </tr> 
 </tbody> 
</table>

## open-type 的合法值 ##

<table> 
 <thead> 
  <tr> 
   <th align="left">值</th> 
   <th align="left">说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">navigate</td> 
   <td align="left">保留当前页面,跳转到应用内的某个页面, 但不能跳转到tabBer页面</td> 
  </tr> 
  <tr> 
   <td align="left">redirect</td> 
   <td align="left">关闭当前页面,跳转到应用内的某个页面, 但是不允许跳转到tabBer页面</td> 
  </tr> 
  <tr> 
   <td align="left">switchTab</td> 
   <td align="left">跳转到tabBer页面, 并关闭其他所有非tabBer页面</td> 
  </tr> 
  <tr> 
   <td align="left">reLaunch</td> 
   <td align="left">关闭所有页面, 打开到应用内的某个页面</td> 
  </tr> 
  <tr> 
   <td align="left">navigateBack</td> 
   <td align="left">关闭当前页面,返回上一页或多级页面. 可通过getCurrentPoges()获取当前的页面栈决定返回几层</td> 
  </tr> 
  <tr> 
   <td align="left">exit</td> 
   <td align="left">退出小程序，<code>target="miniProgram"</code>时生效</td> 
  </tr> 
 </tbody> 
</table>

## version的合法值 ##

<table> 
 <thead> 
  <tr> 
   <th>值</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>develop</td> 
   <td>开发版</td> 
  </tr> 
  <tr> 
   <td>trial</td> 
   <td>体验版</td> 
  </tr> 
  <tr> 
   <td>release</td> 
   <td>正式版</td> 
  </tr> 
 </tbody> 
</table>