ionic页面刷新，返回消失。

最新推荐文章于 2021-11-22 10:57:47 发布
最新推荐文章于 2021-11-22 10:57:47 发布
阅读量218 收藏
点赞数 2
分类专栏： Web前端 文章标签： ionic 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kindergarten_Sir/article/details/108601330
版权

1.下面这种方法，页面刷新返回会消失。

button




2.使用这种方法，刷新页面返回也不会消失

<ion-buttons slot="start">
  <ion-button [routerLink]="['/printscreentea']">
    <ion-icon slot="icon-only" name="arrow-back"></ion-icon>
  </ion-button>
</ion-buttons>

内容为原创，如有转载，请注明来源（洋葱先生：http://www.dreamload.cn/blog/?p=956 ）

前端小白的逆袭
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ionic状态改变时动态（强制）刷新页面
做一个开心的全栈工程师
12-22 1万+
$state.go(stateName,params,config);使用这个方法调到某个状态后，有时需要强制刷新当前页面，使其向后台发起请求，获取最新数据。 1.这种需求的场景举例： 这是处于待办状态（没有被评价的工作记录处于待办状态）的工作记录。 注意：此时待办的工作记录数为45132条 当点击其中一条记录 然后点击评价工作记录对其进行评价
【ionic4】解决页面刷新返回按钮消失的问题（ion-back-button）
李光 未来科技
06-12 3705
前言： 在用ionic开发的时候，一开始，肯定会走很多弯路，它的ion-back-button就是一个问题，页面一刷新，它的返回按钮就会消失！ 接下来，是解决此问题的解决方案！ 用ion-back-button实现返回上一个界面，对应的返回箭头会消失 <ion-title>button</ion-title> <ion-buttons slot="st...
ionic刷新html页面,angular+ionic返回上一页并刷新页面
weixin_28867333的博客
06-04 430
假定当前页面为editCata页面，要返回的是cataDetail页面。目前我找到两种方法实现返回上一页并刷新，如果以后有其它方法，再继续添加。1、在editCataCtrl.js中注入$ionicHistory服务. 使用$ionicHistory.goBack()方法即可返回到上一页面。JS端代码：$scope.goBack=function(){$ionicHistory.goBack();...
ionic4 返回上一页并刷新
weixin_43749669的博客
01-28 393
场景再现: 1.任务类表页面(父页面) 2.任务详情页面(子页面) 问题: 在子页面对数据进行了修改,然后返回到 父页面, 数据没有实时更新! 1.新建立一个服务services ionic g service services/event 2.安装配置EventEmitter: npm install--save eventemitter3 3.定义公共的服务配置 import { Injectable } from '@angular/core'; import {EventEmitter} fro
ionic开发的过程中遇到的问题及解决方法的整理（三）——刷新报错
samll_cat的博客
07-18 821
ionic serve 运行报错： events.js:183 throw er; // Unhandled 'error' event ^ Error: read ECONNRESET at _errnoException (util.js:992:11) at TCP.onread (net.js:618:25) 问题出在 ws v.3.3.3里...
ionic开发中的返回上一界面后的刷新问题
CapMiachael的博客
10-28 9790
ionic开发中的返回上一界面后的刷新问题用ionic开发时，常常或遇到”返回上一界面并且刷新的需求”,常用的解决方法有几种：方法一：禁用缓存,全局刷新。即在app.js中设置cache:false（用户体验最差的一种） 例： //考勤查询页面 .state('attendance', { url: '/main/attendance', cache:fal
angular+ionic返回上一页并刷新页面
08-29
Angular+Ionic返回上一页并刷新页面 Angular和Ionic是当前流行的前端框架，它们都提供了丰富的功能和插件来帮助开发者快速构建应用程序。然而，在实际开发过程中，开发者经常会遇到一些棘手的问题，例如如何返回上...
ionic 下拉刷新
04-03
在上述代码中，我们模拟了2秒的数据加载过程，然后通过调用`event.target.complete()`来通知Ionic刷新操作已经结束，这样刷新指示器就会消失。 至于SVG动画，虽然在提供的标签和文件名中没有明确提到SVG，但在实际...
基于ionic实现下拉刷新功能
08-27
最后，通过调用`$scope.$broadcast("scroll.refreshComplete")`来通知 Ionic 刷新操作已完成，以便页面能够恢复到正常状态。 如果请求失败，我们会弹出一个警告框告知用户。 总的来说，基于Ionic实现下拉刷新功能...
ionic2 数据更新，刷新页面
热门推荐
兰色的fire
02-15 1万+
虽然ionic2是双向数据绑定，但是也有需要手动刷新页面的时候。方法如下： 1.导入ChangeDetectorRef import { ChangeDetectorRef } from '@angular/core'; 2.声明 constructor( public cd: ChangeDetectorRef){} 3.在数据更新后，调用detectChanges方法刷新 this.
ionic vue 开发app 页面跳转后列表刷新
makefuture
10-21 415
ionic vue3 app 开发 场景直现 从页面A进入页面B，页面B进行操作后会影响页面A数据，此时返回A页面，页面数据没有重新加载 参考生命周期官方文档 使用vue的 onMounted 并不能保证每次 返回上一页的时候列表数据刷新。 import { IonPage, onIonViewWillEnter, onIonViewDidEnter, onIonViewWillLeave, onIonViewDidLeave } from '@ionic/vue'; import {
vue项目添加水印，防止刷新页面水印消失
xiaohuihui_z的博客
06-01 1404
引入一个waterMark.js文件之后 IE各种问题 问题1：页面出现空白，登录页面都没有显示出来 问题2：IE低版本（11以下）总是报语法错误 问题1出现的原因是js文件包含箭头函数 问题2出现的原因是const变量 Ie低版本无法识别 呈上js文件 'use strict' let watermark = {} let setWatermark = function(str) { let id = '1.23452384164.123412415' if (document.getEl
ionic页面返回不刷新问题
前端小白的逆袭
09-25 1184
前言： 本页面回到上一个页面，实现上一个页面刷新算是ionic4比较难的部分了，其中踩了很多的坑，今天就彻彻底底的来解决一下这个问题！ 场景直现 从页面A进入页面B，页面B进行操作后会影响页面A数据，此时返回A页面，页面数据没有重新加载 为什么会是难点 因为ionic为了提高性能将页面存到了缓存中，不能触发页面刷新，只是将上一个页面显示出来。像我们之前在 ngOnInit() {}里面以及构造函数写的方法都不会触发。它只会触发一次。 解决办法 接下来将是四个解决办法，方法一不建议，有时候会出错，方法二可以使
ioinc页面加载前绑定_ionic该如何强制刷新页面
weixin_39921224的博客
12-28 70
最近在做项目的时候,如下所示，有一张页面的三个不同的模块状态,我的做法是在一张图片下面的静态页面，只是把中间黄色部分用ng-show来控制显和隐藏,来模拟三种不同的状态,但是从一个账号切换到其它一个账号状态的时候，需要F5强制刷新下页面才能变到新的页面状态,对这个问题想了很久,有什么办法可以实现在程序中进行强制刷新,看了很多方法了,$scope.apply,$scope.digest(),relo...
ionic4 路由跳转刷新实战
阿杰
06-06 1760
做订餐项目的时候出现了一个问题，就是跳转刷新有时候无效，一共三种情况 1.跳转刷新间歇性失效 2.苹果手机无法跳转 3.无法取消订餐 最开始的时候我是使用下面的方法进行刷新的，就是先跳转到order页面，然后进行刷新，其实本来order页就已经重新赋值了，但是依然无效，即使将数组的值清空，重新赋值依然没有渲染，所以只能采用强制刷新的方法。 this.nav.navigateRoot(['/tabs...
[vue-router]关于我点击刷新会回到登录界面的问题
weixin_45259917的博客
11-22 4372
写vue-router出现的错误理解
【ionic4】彻底解决本页面回到上一个页面，实现上一个页面刷新 (模态窗口到新页面,然后新页面刷新)
李光 未来科技
06-12 3528
前言： 本页面回到上一个页面，实现上一个页面刷新算是ionic4比较难的部分了，其中踩了很多的坑，今天就彻彻底底的来解决一下这个问题！ 场景直现 1、此页面为页面a，这是一个相册，总共有两张图片，下面显示的是数字2 2、此时点击这个相册，进入到页面b,对应的是相册中的两张图片，如下图 3、此时相册中的第二张图我不是很满意，想要将其删除，然后删除完回到上一个页面，也就是页面a,实现a页面刷新，如...
JS刷新当前页面
xiao_dan的专栏
09-16 3350
reload 方法，该方法强迫浏览器刷新当前页面。语法： location.reload([bForceGet])                                                                                                                           参数： bForceGet， 可选参
vue IONIC 头部返回键
最新发布
09-02
在Vue Ionic中添加头部返回键可以通过路由的导航守卫来实现。以下是一个简单的示例： ...这样，在你的Vue Ionic应用中，每当进入一个新页面时，头部栏都会显示一个返回按钮，并且点击该按钮会返回到上一个页面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值