1:uniapp路由跳转

1:uniapp路由跳转_第1张图片

1:在当前页面 跳转 其他页面


    

                                

注意 跳转 得话左上角会有一个返回得箭头,就相当于middle页面只是他的子页面

2:在当前页面 打开 其他页面

            
      
    

                                1:uniapp路由跳转_第2张图片

 如果是直接打开得话,就相当于是一个全新得页面。

 3:跳转到tab页面


    

注意:跳转到tab页面,必须设置open-type="switchTab"

4:方法跳转

                                                             

使用就是绑定点击方法,

	uni.navigateTo({
				url:"/pages//middle/middle"
			})

5:总结。

①:在写三个样例得时候,发现怎么都不能跳转,搜了一下也没找到办法,就去官网看了,结果发现   url中不能跟后缀名,也就是.vue,不能写成  url="../middle/middle.vue" 真的会裂开

②:看官方属性。

1:uniapp路由跳转_第3张图片

 ③:open-type 有效值

1:uniapp路由跳转_第4张图片

④:注意

  • 跳转tabbar页面,必须设置open-type="switchTab"
  • navigator-hover 默认为 {background-color: rgba(0, 0, 0, 0.1);   opacity:0.7;},  的子节点背景色应为透明色。
  • navigator-open-type属性 如果使用对应的值,则对应值的功能会高于对应跳转路径。
  • app-nvue 平台只有纯nvue项目(render为native)才支持 。非render为native的情况下,nvue暂不支持navigator组件,请使用API跳转。
  • app下退出应用,Android平台可以使用plus.runtime.quit (opens new window)。iOS没有退出应用的概念。
  • uLink组件 (opens new window)是navigator组件的增强版,样式上自带下划线,功能上支持打开在线网页、其他App的schema、mailto发邮件、tel打电话。

你可能感兴趣的:(uniapp,uni-app,前端,javascript)