您现在的位置是:网站首页>>微信>>微信小程序

微信小程序组件——导航

发布时间:2019-08-09 15:34:44作者:wangjian浏览量:97点赞量:0

    navigator组件

    属性:

    1:target:在哪个目标上发生跳转,默认为self(当前小程序),可选参数为:self(当前小程序),miniProgram(其它小程序)

    2:url:当前小程序内的跳转链接

    3:open-type:跳转方式,默认为navigate(保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面),可选参数为:redirect(关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面),switchTab(跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面),reLaunch(关闭所有页面,打开到应用内的某个页面),navigateBack(关闭当前页面,返回上一页面或多级页面),exit(退出小程序,target="miniProgram"时生效)

    5:delta:当 open-type 为 'navigateBack' 时有效,表示回退的层数,默认为1

    6:app-id:当target="miniProgram"时有效,要打开的小程序 appId

    7:path:当target="miniProgram"时有效,打开的页面路径,如果为空则打开首页

    8:extra-data:当target="miniProgram"时有效,需要传递给目标小程序的数据,目标小程序可在 App.onLaunch(),App.onShow() 中获取到这份数据

    9:version:当target="miniProgram"时有效,要打开的小程序版本,默认为release(正式版),可选参数为:develop(开发版),trial(体验版),release(正式版)

    10:hover-class:指定点击时的样式类,当hover-class="none"时,没有点击态效果,默认为navigator-hover

    11:hover-stop-propagation:指定是否阻止本节点的祖先节点出现点击态,默认为false

    12:hover-start-time:按住后多久出现点击态,单位毫秒,默认为50

    13:hover-stay-time:手指松开后点击态保留时间,单位毫秒,默认为600

    14:bindsuccess:当target="miniProgram"时有效,跳转小程序成功

    15:bindfail:当target="miniProgram"时有效,跳转小程序失败

    16:bindcomplete:当target="miniProgram"时有效,跳转小程序完成

    例:

    <navigator url="/pages/index/index" >跳转页面</navigator>

0 +1