uniapp跳转页面操作解决思路

于 2024-07-26 17:48:31 发布
阅读量125 收藏
点赞数
文章标签： uni-app 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kaQin0/article/details/140721424
版权

  • 描述：有一个功能需要跳转页面，操作完成之后带着数据返回到原来页面

  • 我的做法：使用navgateTo方法直接跳转页面然后操作完成之后在跳转回来

    这样做无疑有很多弊端：会持续增加页面栈；如果原来页面需要回显数据的话还需要跳转之前保存之前页面的数据，这样会很麻烦；传值还得用router参数传值也比较麻烦

  • 修改之后的方案：首先使用getCurrentPages()获取页面栈数组，找到上一个页面对象然后调用事先声明好的方法和处理逻辑，把参数传入，最后使用nagateBack方法返回上一级页面，这样能保证上个页面的数据还在，也能更方便的传值

yaohuiyuan[]
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp不同页面跳转传递数据
qq_40668646的博客
01-01 1800
上周工作中遇到的坑，打算这周复盘一下，记录下来，防止忘记。 1、App页面的原型大致如下 其实也还算简单，就几个表单项，重点是底下的几个输入框的数据，不是在本页面直接输入，而是由另一个表单页传过来的数据。通过点击添加按钮跳转的添加页面，在添加页面中填入数据，再传到本页面。 特殊地区运费页面如下： 那如何在不通过调用后台接口拿到该页面的数据呢？我的思路大致如下 1、通过naviagteTo中url带参将数据传入（以下代码中注释部分），但是这会导致一个问题，如果是navigateTo，每次点击保存后，跳转到
路由技术解决页面跳转问题
01-19
在网站有很多需要跳转的页面，而我们又需要动态地在主页面中加载子页面时，就会用到这门技术。以我们公司现在这个项目为例，前台是由FLEX实现，整个系统可能只有几个application组成，所有的功能点均由module实现，...
uniapp页面跳转并让页面刷新
Yi_Li_Tong_Wan_DOU的博客
08-18 3350
注意：上述demo仅供参考，个人根据需求进行调整。
换个思路看待uniapp跳转页面出现闪白的问题
jdhrucn的博客
12-22 3446
我们在进入非常简单的页面时，就不会出现闪白的问题。但是一但页面复杂起来之后，渲染的时间就会变长，从而导致在跳转页面的时候，页面还没渲染完成，就会出现闪白的问题。就像vue那样，都在一个页面上实现，其他的页面，采用组件的方式引入页面中，这样我们每次跳转到页面就相当于显示这个页面，而把其他页面给隐藏掉，这样就不会有渲染页面时间长的问题。额，之前在写一个用uniapp的项目时，遇到的uniapp跳转闪白问题，自己也找了很多解决方法，像那些在page.json里设置背景色的等等，都解决不了。
uniapp 页面跳转卡死问题
nickDaDa的博客
05-27 4976
1. 页面跳转的几种常用方式： 1.1 uni.navigateTo(OBJECT) https://uniapp.dcloud.io/api/router.html#navigateto 会保留页面栈，能通过调用navigateBack返回。但是有页面栈溢出的问题，不能当作通用跳转方法。 1.2 uni.redirectTo(OBJECT) https://uniapp.dcloud.io/api/router.html#redirectto 不会保留页面栈，不能返回上一页，返回默认page
uniapp 跳转外部链接
热门推荐
盖世小可爱的博客
06-27 2万+
uniapp 跳转外部链接
uniapp跳转外部应用网址
weixin_53339757的博客
01-14 6902
uniapp跳转外部链接以及打开浏览器下载安装包
uniapp开发中页面跳转时终止请求
HuafuCsdn的博客
11-01 3721
在跳转新页面后，终止上一个页面或之前页面的所有未完成的请求，只进行新页面中的请求！
uniapp跳转外部链接
有问题可关注公众号：前端研究院 后台输入问题回复
05-07 4798
总体思路是用uni.navigateTo跳转一个渲染外部链接的内部页面 downLoad(item){ let url = encodeURIComponent(item.url) uni.navigateTo({ url:'./webView?url='+url }) }, url是文件路径。要用encodeURIComponent编码。不然路径会不完整 渲染外部要用web-view webView.vue页面 <template> &l
uniapp 跳转内部链接/外部链接（思路：webview）
这世上从不缺让人上头的新鲜感，能顾及你情绪的人实属难得。
01-11 7108
思路:webview方法、window.location.href方法
vue页面跳转实现页面缓存操作
11-20
以下是对如何实现Vue页面跳转并进行缓存操作的详细解析： 1. **路由配置**： 在Vue Router的配置中，可以指定某些路由页面需要进行缓存。通过在路由元信息(`meta`)中添加`cache: true`标记，表明该页面需要被缓存...
TP5框架页面跳转样式操作示例
12-17
在本文中，我们将深入探讨如何在ThinkPHP 5（简称TP5）框架中进行页面跳转样式的操作。页面跳转是Web应用中常见的功能，它用于在用户完成某些操作后，引导用户到新的页面或者展示特定的提示信息。TP5提供了一套便捷...
Spring Security跳转页面失败问题解决
08-25
Spring Security 跳转页面失败问题解决 Spring Security 是一个基于 Java 的安全框架，提供了强大的身份验证、授权和加密功能。然而，在使用 Spring Security 时，可能会遇到跳转页面失败的问题。本文将详细介绍 ...
uniapp map组件自定义markers标记点
qq_44161722的博客
07-23 487
需求是根据后端返回数据在地图上显示标记点，并且根据数据状态控制标记点颜色，标记点背景通过两张图片实现控制。
uniapp安卓通过绝对路径获取文件
qq_61950936的博客
07-23 373
请确保你的uniapp应用具有读取存储的权限，并且该文件确实存在于指定的路径。此外，你的应用可能需要运行在Android 4.4及以上版本的设备上，因为plus.io API是基于HTML5 Plus的，而这个特性需要设备的Android版本和浏览器支持。在uniapp中，如果你想要访问安卓设备上的文件，你需要使用uniapp提供的plus.io API。这个API允许你在应用内访问设备的文件系统。
uniapp中出现图片过小会与盒子偏离
rzh554的博客
07-24 240
结论：在image的父盒子中加上display: flex，原因不清楚。当父盒子的大小过小，就出现了图片和父盒子偏离的情况。解决方法，使父盒子变为弹性盒子就可以解决。
uniapp 开发app使用renderjs操作dom
weixin_40803490的博客
07-24 237
总所周知，非H5端，不能使用浏览器自带对象，比如document、window、localstorage、cookie等，更不能使用jquery等依赖这些浏览器对象的框架。：这时我们需要使用到document对象创建一个dom对象计算对话内容的宽高、位置等，再利用canvas能力将内容绘制绘制成一张图保存。：uniapp文档提示到App端若要使用操作window、document的库，需要通过renderjs来实现。：把页面中的对话内容另存为一张图片保存到手机相册。此致，就完成了所有的功能了。
uni-app声生命周期
最新发布
蚂蚁搬家
07-25 268
tabbar的页面展示过一次后就保留在内存中，再次切换tabbar页面，只会触发每个页面的onShow，不会再触发onLoad.onLoad:监听页面加载，其参数为上个页面传递的数据，参数类型为Object，只加载一次。onShow:监听页面显示，页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面。onLaunch:当uni-app初始化完成时触发（全局触发一次）onShow:当uni-app启动，或从后台进入前台时显示。onReady:监听页面初次渲染完成，只加载一次。
uniapp 中下拉菜单 点击内容 跳转对应页面 页面 代码
06-13
好的，针对您的问题，我大致给出一些思路和代码供参考。具体实现还需要根据您的具体需求做出相应的调整。 1. 实现下拉菜单的点击事件 在 `uniapp` 中，可以使用 `v-for` 指令渲染下拉菜单的选项，然后通过绑定 `@...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值