微信小程序开发初学:超链接---navigator

发布于:2023-07-27 ⋅ 阅读:(255) ⋅ 点赞:(0)

navigator具有的属性

url
类型:String
默认值:无
当前小程序内的跳转链接(跳转到当前小程序中的位置)

open-type
类型:String
默认值:navigate
定义跳转方式

合法值:
(1)navigate
保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。

(2)redirect
关闭当前页面,跳转到应用内的某个页面。可以返回首页,但是不允许跳转到 tabbar 页面。在小程序插件中使用时,只能在当前插件的页面中调用。

(3)reLaunch
关闭所有页面,打开到应用内的某个页面,可以返回首页。在小程序插件中使用时,只能在当前插件的页面中调用。

示例:

<view class="url1">
  <navigator class="Url1" url="/pages/logs/logs">跳转到日志</navigator>

  <navigator class="Url2">该处文字未定义url属性,不能跳转</navigator>

  <navigator class="Url1" url="/pages/logs/logs" open-type="redirect">跳转到日志redirect</navigator>
  <!--redirect不可返回到上一页面,只能返回首页-->
  <navigator class="Url1" url="/pages/logs/logs" open-type="reLaunch">跳转到日志reLaunch</navigator>
  <!--reLaunch携带参数,并销毁其他页面-->
  <!--open-type属性默认值则可以返回到上一界面-->
</view>
.Url1{ height: 50px;}
.Url2{ height: 50px;}

以上内容参考自小程序API:API组件 - navigator

本文含有隐藏内容,请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到