微信小程序学习笔记——常见组件【navigator】导航组件

导航组件 navigator 【web中的<a></a>标签】

0. 块级元素默认会换行可以直接加宽度和高度

1. url 要跳转的页面路径绝对路径相对路径

2. target 要跳转到当前的小程序还是其他的小程序的页面

self 默认值，自己小程序的页面

miniProgram 其他小程序的页面

3. open-type 跳转方式

1. navigate 默认值保留当前页面，跳转到应用内的某个页面，但是不能跳转到tabbar页面

2. redirect 关闭当前页面，跳转到应用内的某个页面，但是不能跳转到tabbar页面

3. switchTab 跳转到 tabBar 页面，并关闭其他所有非tabBar 页面

4. reLaunch 关闭所有页面，打开到应用内的某个页面

5. navigateBack 关闭当前页面，返回上一个页面活多级页面，可通过 getCurrentPages 获取当前的页面栈，决定需要返回层级

6. exit 退出小程序，target='miniProgram'时生效（退出其他小程序）

<!--pages/naPage/naPage.wxml--><!-- 导航组件 navigator0. 块级元素 默认会换行 可以直接加宽度和高度1. url 要跳转的页面路径 绝对路径 相对路径   2. target 要跳转到当前的小程序 还是其他的小程序的页面self 默认值， 自己小程序的页面miniProgram 其他小程序的页面3. open-type 跳转方式1. navigate 默认值 保留当前页面，跳转到应用内的某个页面，但是不能跳转到tabbar页面2. redirect 关闭当前页面，跳转到应用内的某个页面，但是不能跳转到tabbar页面3. switchTab 跳转到 tabBar 页面，并关闭其他所有非tabBar 页面4. reLaunch 关闭所有页面，打开到应用内的某个页面 5. navigateBack 关闭当前页面，返回上一个页面活多级页面，可通过 getCurrentPages 获取当前的页面    栈，决定需要返回层级6. exit 退出小程序，target='miniProgram'时生效  （退出其他小程序）--><navigator url = '/pages/swiperPage/swiperPage'>跳转到轮播页面</navigator><navigator url = '/pages/index/index'>跳转到tabBar</navigator><navigator open-type="redirect" url = '/pages/swiperPage/swiperPage'>redirect替换轮播页面</navigator><navigator open-type="switchTab" url = '/pages/index/index'>switchTab跳转到tabBar</navigator><navigator open-type="reLaunch" url = '/pages/index/index'>reLaunch 可以随便跳</navigator>

微信小程序学习笔记——常见组件【navigator】导航组件相关推荐

微信小程序学习笔记（四）——自定义组件
自定义组件组件的创建与引用创建组件在根目录下创建 components 文件夹右键点击 components 文件夹,选择新建 Component,就会自动生成.wxml..wxss..js. ...
小程序 pagescrollto_微信小程序学习笔记（三）-- 首页及详情页开发
一.常用组件在上一个章节中讲解了封装请求数据的模块,在此处请求轮播图的数据 1.首页轮播图数据的请求以及渲染 1.1 轮播图数据的请求 pages/home/home.js import 2 使用组 ...
微信小程序学习笔记（1）
微信小程序学习笔记 1.小程序代码结构 2.逻辑层和视图层 3. 小程序的宿主环境(通信模型.运行机制.组件.API) 4. 数据绑定和事件绑定 1.小程序代码结构当开发者新建一个工程时,项目文件包 ...
自己的微信小程序学习笔记【3】——第三方UI库Lin-Ui的加载及使用
其他微信小程序的学习笔记自己的微信小程序学习笔记[1]--小程序开发工具的使用及项目文件说明自己的微信小程序学习笔记[2]--从零开始新建项目文章目录其他微信小程序的学习笔记前言一.Lin ...
微信小程序学习笔记一 + 小程序介绍前置知识
微信小程序学习笔记一 1. 什么是小程序? 2017年度百度百科十大热词之一微信小程序, 简称小程序, 英文名 Mini Program, 是一种不需要下载安装即可使用的应用 ( 张小龙对其的定义是 ...
微信小程序学习笔记（七）----简单文章推荐列表和分类图标的实现
想要实现一个顶部是几篇纯文字的推荐文章,推荐文章下面是四个分类图标,具体实现出来是这个样子的,比较简单: 首先先来找一下素材,这几个图标是我在阿里巴巴图标库下载的,这里是下载地址: http://ww ...
微信小程序学习笔记（一）
干货来袭基础前言微信⼩程序,简称⼩程序,英⽂名 Mini Program ,是⼀种不需要下载安装即可使⽤的应⽤,它实现了应⽤"触⼿可及"的梦想,⽤⼾扫⼀扫或搜⼀下即可打开 ...
微信小程序学习笔记(四)自定义组件
文章目录 1. 组件的创建与引用 1.1 创建组件 1.2 引用组件 1.3 全局引用 VS 局部引用 1.4 组件和页面的区别 2. 样式 2.1 组件样式隔离 2.2 修改组件的样式隔离选项 3. ...
微信小程序学习笔记（自定义组件）
自定义组件开发者可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用:也可以将复杂的页面拆分成多个低耦合的模块,有助于代码掩护.自定义组件在使用是与基础组件非常相似. 创建自定义组件 ...
微信小程序学习笔记（小程序框架）
必看这个只是我的学习过程算是日记形式吧,过程是按微信的官方文档的循序来,从指南中的小程序框架开始,指南中这一节之前还有页面配置,目录结构,还有很多介绍,没有写但是是非常重要的,一定要看,像指南后 ...

微信小程序学习笔记——常见组件【navigator】导航组件

微信小程序学习笔记——常见组件【navigator】导航组件相关推荐

最新文章

热门文章