无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/meta.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/pubcss.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/menu.htm
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/top.htm
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/head.htm

[ lyuif-nav ] 导航跳转

时间:2020-09-19 23:06来源:www.lyuid.com 作者:前沿视觉网 点击:
V1.1.1 [ lyuif-nav ] 导航跳转 # 参数说明 API 导航跳转简写方式,navigator 参数 说明 类型 默认值 ui 组件容器-外部class类 Strting / hover-ui 指定点击时的组件容器-外部class类,当hover-class=none时,没有点击态效果 Strting / url 当前小程序内的跳转链接 Strting / type 跳转方式-类型: 1 / nav(navigate,对应 wx.navigateTo 或 wx.navigateToMiniProgram 的功能) 2 / red(redirect,对应 wx.redirectTo 的功能) 3 / tab(switchTab,对应 wx.switchTab 的功能) 4 / rel(reLaunch,对应 wx.reLaunch 的功能) 5 / back(navigateBack,对应 wx.navigateBack 的功能) 6 / exit(退出小程序,target=miniProgram时生效) String / target 在哪个目标上发生跳转,默认当前小程序 Strting self delta 当 open-type 为 navigateBack 时有效,表示回退的层数 Number 1 api 当target=miniProgram时有效,要打开的小程序 appId Strting / path 当target=miniProgram时有效,打开的页面路径,如果

V1.1.1 [ lyuif-nav ] 导航跳转#

参数说明 API
导航跳转简写方式,navigator
参数 说明 类型 默认值
ui 组件容器-外部class类 Strting /
hover-ui 指定点击时的组件容器-外部class类,当hover-class="none"时,没有点击态效果 Strting /
url 当前小程序内的跳转链接 Strting /
type 跳转方式-类型:
 1 / nav(navigate,对应 wx.navigateTo 或 wx.navigateToMiniProgram 的功能)
 2 / red(redirect,对应 wx.redirectTo 的功能)
 3 / tab(switchTab,对应 wx.switchTab 的功能)
 4 / rel(reLaunch,对应 wx.reLaunch 的功能)
 5 / back(navigateBack,对应 wx.navigateBack 的功能)
 6 / exit(退出小程序,target="miniProgram"时生效)
String /
target 在哪个目标上发生跳转,默认当前小程序 Strting self
delta 当 open-type 为 navigateBack 时有效,表示回退的层数 Number 1
api 当target="miniProgram"时有效,要打开的小程序 appId Strting /
path 当target="miniProgram"时有效,打开的页面路径,如果为空则打开首页 Strting /
data 当target="miniProgram"时有效,需要传递给目标小程序的数据,目标小程序可在 App.onLaunch(),App.onShow() 中获取到这份数据。 Strting /
v 当target="miniProgram"时有效,要打开的小程序版本 Strting release
stop 指定是否阻止本节点的祖先节点出现点击态 Boolean false
start 按住后多久出现点击态,单位毫秒 Number 50
stay 手指松开后点击态保留时间,单位毫秒 Number 600

Lyuif组件源码展示

  1. <lyuif-nav
  2.     ui="class"
  3.     hover-ui="hover-class"
  4.     url="/pages/index/index"
  5.     target="target"
  6.     type="nav"
  7.     delta="1"
  8.     start="50"
  9.     stay="600"
  10. >
  11.  
  12. <view>内容</view>
  13.  
  14. </lyuif-nav>
  15.  
事件 Events
 
参数 说明 类型 默认值
bind:success 当target="miniProgram"时有效,跳转小程序成功 eventhandle /
bind:fail 当target="miniProgram"时有效,跳转小程序失败 eventhandle /
bind:complete 当target="miniProgram"时有效,跳转小程序完成 eventhandle /

Lyuif组件源码展示

  1. <lyuif-field
  2.     bind:success="success"
  3.     bind:fail="fail"
  4.     bind:complete="complete"
  5.  
  6. />
  7.  
  8.  
  9. ({Page
  10.     success(){
  11.     console.log('success')
  12.     },
  13.     fail(){
  14.     console.log('fail')
  15.     },
  16.     complete(){
  17.     console.log('complete')
  18.     },
  19. })
  20.  
前端UI框架,UI框架组件,小程序组件,Lyuif前端框架专注于高效UI解决方案.lyuif是一款HTML/CSS前端框架,高效组件搭配lyui基因碎片化组合完美适配设计稿以及迭代更新,高效前端开发解决方案
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/footer.htm
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/side.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/footbar.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/pubjs.htm