UniApp 基础（路由）

最新推荐文章于 2024-05-30 10:53:48 发布
最新推荐文章于 2024-05-30 10:53:48 发布
阅读量5.2k 收藏 4
点赞数 1
分类专栏： uni-app 文章标签： html5 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_60078280/article/details/120059508
版权

一、路由

uni-app页面路由为框架统一管理，开发者需要在pages.json里配置每个路由页面的路径及页面样式。类似小程序在app.json中配置页面路由一样。所以 uni-app 的路由用法与 Vue Router 不同，如仍希望采用 Vue Router 方式管理路由，可在插件市场搜索 Vue-Router。

二、路由跳转

uni-app 有两种页面路由跳转方式：使用navigator组件跳转、调用API跳转。

三、页面栈

框架以栈的形式管理当前所有页面， 当发生路由切换的时候，页面栈的表现如下：

 

宇柯
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【第三趴】uni-app页面搭建与路由配置（了解工程目录结构、学会搭建页面、配置路由并成功运行）
官方推荐
11-14 3万+
了解 uni-app 工程目录结构、学会搭建页面、配置页面并成功运行
UniAPP基础操作案例源码
最新发布
06-15
【 UniAPP基础操作案例源码 】 UniAPP是一款基于Vue.js的开源跨平台开发框架，专为移动App、H5、小程序等多端开发设计。它允许开发者编写一次代码，即可在iOS、Android、Web（H5）、微信小程序、支付宝小程序、百度...
uniapp vue2 路由、全局、Vuex传参
weixin_44523517的博客
04-30 881
uniapp vue2 路由、全局、Vuex传参
uniapp路由拦截二级页面方法
学习
06-24 1268
目录结构 uniapp中的拦截器 在 utils 文件夹中，创建 routingIntercercept.js 文件 二、使用拦截器 在 App.vue 文件的 onLaunch 方法中调用
【uniapp nginx 部署H5 】
weixin_43163986的博客
05-30 301
uniapp H5 二级路由
Uni-app页面路由的五种写法
m0_75047254的博客
07-24 2768
页面路由的方式有很多，在项目中遇到不同的跳转需求，就需要使用不同的跳转方法，下面介绍一下不同方法的使用方法吧。在代码中的跳转方法的Url需要填写自己本地的Url，在可以正常运行。代码展示在最后，可以在应用中感受这几种不同方法的不同。
uniapp路由
weixin_45618535的博客
12-29 4186
url有长度限制，太长的字符串会传递失败，可改用窗体通信、全局变量，另外参数中出现空格等特殊字符时需要对参数进行编码，如下为使用encodeURIComponent对参数进行编码的示例。url有长度限制，太长的字符串会传递失败，可使用窗体通信、全局变量，或encodeURIComponent等多种方式解决，如下为encodeURIComponent示例。保留当前页面，跳转到应用内的某个页面，使用。关闭当前页面，跳转到应用内的某个页面。关闭所有页面，打开到应用内的某个页面。//打印出上个页面传递的参数。
uniapp底部导航封装
weixin_52103896的博客
07-25 181
自定义uniapp底部导航
uniapp基础知识.md
08-21
欢迎来到这份UniApp基础知识资源，本文件将为您提供关于UniApp的核心概念、用法以及开发技巧。作为一个跨平台的开发框架，UniApp可以让您用一套代码同时构建iOS、Android和Web应用，极大地提高了开发效率和代码复用...
uniapp基础开发类库，空的项目，包含一些请求方法，和一些基础快捷方法
08-03
【uniapp基础开发类库详解】 uniAPP是一个跨平台的前端框架，由DCloud(即北京动力节点信息科技有限公司)开发，它允许开发者使用一套代码编写应用，同时兼容iOS、Android、H5、小程序以及快应用等多个平台。本项目是...
Uniapp演示Demo
04-05
1. **Vue.js 基础**：理解 Vue.js 的基本概念，如数据绑定、计算属性、指令、组件等，这是使用 UniApp 的基础。 2. **组件化开发**：UniApp 提供了大量的 UI 组件，如按钮、列表、表单等，开发者可以通过组合这些...
基于uniapp 的demo
04-06
安装完成后，创建新项目时选择uniapp模板，即可生成一个基础的uniapp项目结构。 2. **uniapp组件与API**：uniapp提供了丰富的组件库，如view、button、image等，这些组件可以直接在Vue模板中使用。此外，uniapp还...
uni-app路由
上庸者-不服周
11-02 3597
uni-app。
uni-app路由与页面跳转详细教程
码奴一只猿
06-29 9652
Uniapp 是一个跨平台的应用开发框架，它允许开发者使用 Vue.js 编写一次代码，然后将应用发布到多个平台，包括 iOS、Android 和 Web。在 Uniapp 中，路由和页面跳转是非常重要的概念。本教程将详细介绍 Uniapp 中的路由和页面跳转，以及如何在应用中正确使用它们。
uni-app路由进阶—不同路由跳转配置的使用
weixin_42397937的博客
05-31 1026
UNI-APP学习系列之uni-app路由进阶—不同路由跳转配置的使用以上就是今天要讲的内容，本文介绍了UNI-APP学习系列之uni-app路由进阶—不同路由跳转配置的使用的全部内容，后续我会基于VSCode继续进行开发讲解UNI-APP框架，喜欢的请点击关注，UNI-APP框架使用教程将会持续更新下去。
uniapp封装路由，使用路由名称跳转
Z.Dragon 的博客
02-08 2091
使用uniapp时，个人感觉有个很不友好的点：当项目比较复杂且文件夹分的比较细时，跳转路由书写代码时会有很长的一行路由代码；（强迫症） 比如：/home/project/list/cate/detail 为解决这个问题，封装了一套使用路由名称作为跳转路由的方法（类似于Vue路由）
uniapp-路由uni-simple-router
早日成为鹏总
06-29 1万+
okok
【uni-app教程】四、UniAPP 路由配置及页面跳转
热门推荐
我有满天星辰的博客
03-03 1万+
在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，会把对应分包自动下整下来，下载完成后再进行展示，此时终端界面会有等待提示。getCurrentPages0函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个。注意：getCurrentPages 仅用于展示页面栈的情况，请勿修改页面栈，以免造成页面状态错误。url为将要跳转的页面路径，路径后可以带参数。说明：页面生命周期的 onLoad()监听页面加载，其参数为上个页面传递的数据，如。
uniapp基础笔记
10-11
好的，uniapp是一个基于Vue.js框架的跨平台开发框架，能够同时生成iOS、Android和Web应用程序。开发者只需要编写一次代码，就可以将其发布到多个平台。 uniapp的一些基础知识点包括： 1. uniapp的项目结构和Vue.js项目类似，包含index.html、main.js、App.vue等文件。 2. uniapp支持多种组件，包括基础组件、表单组件、媒体组件等。 3. uniapp支持使用vue-router进行路由管理。 4. uniapp支持使用vuex进行全局状态管理。 5. uniapp支持使用uni-ui组件库进行快速开发。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值