Framework7 多级路由返回首页动态内容及事件丢失

问题描述

这里再详细解释一下出现的问题,在使用Framework7 V2 时,存在这样的路径 home > list > detail ,home页是app初始化的地方,其中一些内容是通过JS动态构建的,还有一些事件绑定。当从list back的时候,home页面没有问题,当从detail back 到 list 再 back 到 home 的时候,发现home页面被重写,动态内容丢失,事件也无效了。

解决方案

经过一番Google,发现导致上述问题的原因是F7默认只缓存“上一页”,解决办法就是开启多级缓存:

var app = new Framework7({
    ...
    view: {
        stackPages: true
    },
    ...
});

参考
https://github.com/framework7io/Framework7/issues/1204

原文地址:http://blog.51cto.com/13802307/2128191

时间: 2024-08-01 13:10:56

Framework7 多级路由返回首页动态内容及事件丢失的相关文章

linux 命令 创建 Django 项目 使用路由返回首页界面

1.首先使用cd 命令进入创建的项目文件夹 2.使用django-admin startproject web  命令创建一个名字为web的项目 3.使用python3 manage.py startapp myhome 命令创一个名字为myhome的App应用 4.在 manage.py 的同级目录下创建返回的模板(html界面)使用 mkdir templates 5.编辑settings.py,这里我个人使用的时sublime 打开的,命令是 subl settings.py 6.找到se

Vue 页面15分钟无操作时返回首页

这种需求手机端和pc端一般是不存在的,因为都是可以手动操作刷新的. 最近在做一个户外社区大屏的项目,因为大屏是全屏显示,没法手动刷新,不可能在页面专门做一个刷新按钮,也不好看,那这样的需求就显得格外重要了. 首先我们来分析一下需求: 1.15分钟--需要定时器 2.无操作--监控页面上的点击.触摸.滑动等事件 3.返回首页--切换路由 我们只需要设置一个定时器,在一进入页面的时候就开始计时,如果15分钟内有点击.触摸.滑动等操作时就重新计时,时间一到就切换路由. 而且我们还需要新建一个空白组件r

我的一个React路由嵌套(多级路由),路由传参之旅

在上一篇react路由之旅中,我们简单地配置了react,进行了react路由及相关知识的学习,引入以及实现一个局部跳转的功能,接下来就是深入学习路由的嵌套以及传参,这是工作中主要用要的. 我的react已经配置了redux(见我的redux之旅),所以这是在引入的插件里做的演示. 从App组件跳转到NewRoute组件(需要简单的路由跳转,点击自己预习) (1)新建一个demo: 这里使用了render方式在一个文件中模拟了多个组件的效果 代码只为讲解使用在真实开发中尽量不要这样写代码的. 这

定义一个方法get_page(url),url参数是需要获取网页内容的网址,返回网页的内容。提示(可以了解python的urllib模块)

1 定义一个方法get_page(url),url参数是需要获取网页内容的网址,返回网页的内容.提示(可以了解python的urllib模块) 2 import urllib.request 3 4 def get_page(url): 5 response = urllib.request.urlopen(url) 6 html = response.read() 7 return html 8 9 print(get_page(url='https://www.baidu,com'))

浪度九州城首页到内容页

浪度九州城---首页到产品内容页面的制作过程 1.首页制作包含top,foot,以及内容展示的各项列表(list) 首先top部分:打开vs2010之后,找到我们需要制作的index.html页面,然后Ctrl+K+D 调整页面代码格式. 然后找到<body>上面的class="top"这个<div> ,再点击左边 -收缩到<!--/slider --> 这个位置之后把导航条里面和其他地方的英文字体.全部修改过来. 然后到风讯后台里面添加样式把复制到

java 如何获取网页的动态内容,并解析网页内容

(笔记) 获取网页的动态内容参考 https://pastebin.com/raw/FePkm2kp Maven: <!--获取网页源码,包括动态内容--><dependency> <groupId>htmlunit</groupId> <artifactId>htmlunit</artifactId> <version>1.14</version></dependency> 实现: WebClie

用ArrayAdapter来创建Spinner(自定义布局、默认布局、动态内容、静态内容)

         android:dropDownWidth 下拉列表宽度 android:dropDownHorizontalOffset 下拉列表距离左边的距离 android:dropDownVerticalOffset     下拉菜单和文本之间的垂直偏移量 android:popupBackground   下拉列表中的背景色 android:prompt 下拉列表中的提示信息(基本没用了) MainActivity.java package com.kale.spinner; imp

关于采用MVC开发默认路由导致首页部分文件访问失效的临时解决方案

最近开发中涉及了Mvc4的开发,其中的默认路由功能是很不错的东西,但是在实际应用中就出现了不少的问题.比如我们访问某网站http://www.abc.com,虽然路由会帮助自动转向Home/Index目录,但是浏览器的地址并没有变化,这个时候问题就出现了.如果你还有相对站点的还有其它子目录的时候,或者该mvc应用是放在虚拟目录中执行的时候,就会出现页面中设置"../某子目录名/文件名"无法访问的情况.只有当你在地址栏完整的输入路径,如:http://www.abc.com/Home/I

CCNP路由实验之六 动态路由协议之IS-IS

 CCNP路由实验之六动态路由协议之IS-IS 动态路由协议可以自动的发现远程网络,只要网络拓扑结构发生了变化,路由器就会相互交换路由信息,不仅能够自动获知新增加的网络,还可以在当前网络连接失败时找出备用路径.根据是否在一个自治域内部使用,动态路由协议分为内部网关协议(IGP)和外部网关协议(EGP).这里的自治域指一个具有统一管理机构.统一路由策略的网络.自治域内部采用的路由选择协议称为内部网关协议,常用的有RIP.EIGRP.OSPF.IS-IS:外部网关协议主要用于多个自治域之间的路由