mui中的关闭页面的几种方法

一、总结:

mui中关闭当前页面的几种方式:

1.swipeBack(暂未测试过)

2.keyEventBind(暂未测试过)

3.给标签的class加.mui-action-back(返回的是前一个页面)

4.也可以直接调用mui.back()方法,实现关闭页面逻辑

例如在实现查询功能的时候,在查询页面输入查询条件,然后返回到列表页面显示查询的结果,用mui.back()返回前面的列表页面

5.在mui.init()方法中加beforeback(可以返回指定页面),这是针对带有返回导航箭头的标题栏,

其次是使用beforeback函数里面需要return false,如果不返回值或返回true,会继续执行mui.back()方法

html相关代码:

js相关代码:

补充

1.针对mui标题栏返回页面的方式:

通过事件监听的方式实现页面跳转:

2..初始化查询条件之后还可以通过mui中的openWindow方法实现页面跳转:

末尾总结:在使用mui框架进行移动端的页面开发中,以上的关于关闭页面的方式(页面跳转的方式)根据实际项目的需要使用。有的模块比较简单只有两个页面来回切换,可能只需要给标题栏加个.mui-action-back就可以解决

页面切换的问题;有的模块比较复杂有很多页面来回切换,复杂的模块如果不采用指定页面路径的方式去跳转页面,可能会出现两个页面来回切换,最终形成死循环,回不到我们最初进来的页面(首页)。

(个人使用总结)

mui关闭页面官方学习地址:http://dev.dcloud.net.cn/mui/window/#closewindow

时间: 2024-09-28 05:49:03

mui中的关闭页面的几种方法的相关文章

Html5 页面中 JavaScript 启动调用的三种方法比较

太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. 首先,来看一下 Html5 页面引用 JavaScript 代码的几种方式: 1.Html5 页面中使用 <script>  标签容纳

页面中插入CSS样式的三种方法

页面中插入css样式的三种方法总结 1. 外部样式 当样式需要应用于很多页面时,外部样式表将是理想的选择.在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观.每个页面使用<link>标签链接到样式表. <link>标签在(文档的)头部: <head> <link rel="stylesheet" type="text/css" href="path/myCss.css"/> <

Javascript刷新页面的几种方法

Javascript刷新页面的几种方法: 1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand('Refresh') 6 window.navigate(location) 7 location.replace(location) 8 document.URL=location.href 自动刷新页面的方法: 1.页面自动刷新:把如下代码

Apacheserver自己定义404页面的两种方法以及.htaccess的重要命令总结

Apacheserver自己定义404错误页面有两种方法: 第一种方法最简单,直接在Apache的httpd.conf下进行配置改动命令,改动的内容请參看.htaccess命令写法中的自己定义错误页面 另外一种方法能够在.htaccess文件里配置命令,详细操作请參看.htaccess命令写法中的自己定义错误页面 .htaccess用法总结 1 . 首先让的本地APACHEserver器同意.htaccess改动 打开httpd.conf (1) Options FollowSymLinks A

JS刷新页面的几种方法(转)

Javascript刷新页面的几种方法: 1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand(‘Refresh‘) 6 window.navigate(location) 7 location.replace(location) 8 document.URL=location.href. 9 查询页面可以用js控制提交查询按钮,触发查询

Apache服务器自定义404页面的两种方法以及.htaccess的重要命令总结

Apache服务器自定义404错误页面有两种方法: 第一种方法最简单,直接在Apache的httpd.conf下进行配置修改命令,修改的内容请参看.htaccess命令写法中的自定义错误页面 第二种方法可以在.htaccess文件中配置命令,具体操作请参看.htaccess命令写法中的自定义错误页面 .htaccess使用方法总结 1 . 首先让的本地APACHE服务器器允许.htaccess修改 打开httpd.conf (1) Options FollowSymLinks AllowOver

.net中保存用户信息的九种方法

.net中保存用户信息的九种方法 在ASP.NET中,有几种保持用户请求间数据的途径--实际上太多了,使没有经验的开发者对在哪个特定的环境下使用哪个对象很困惑.为了回答这个问题,需要考虑下面三个条件: .谁需要数据? .数据需要保持多长时间? .数据集有多大? 通过回答这些问题,你能决定哪个对象为保持ASP.NET应用程序请求间数据提供了最佳的解决方案.图1列出了不同的状态管理对象并描述了什么时候使用它们.ASP.NET中添加了四个新的对象:Cache.Context.ViewState和Web

Linux中执行shell脚本的4种方法

这篇文章主要介绍了Linux中执行shell脚本的4种方法总结,即在Linux中运行shell脚本的4种方法,需要的朋友可以参考下. bash shell 脚本的方法有多种,现在作个小结.假设我们编写好的shell脚本的文件名为hello.sh,文件位置在/root/bin目录中并已有执行权限(添加权限的方法:chmod +x hello.sh). 方法一:切换到shell脚本所在的目录(此时,称为工作目录)执行shell脚本: ./ 的意思是说在当前的工作目录下执行hello.sh.如果不加上

C#:总结页面传值几种方法

小知识点: 1.  W7自带 .NetFrameWork 3.5, 兼容模式为 高版本号兼容低版本号: 2. WF和WPF都是基于XAML的,可是两者的用途不同. WF是一种开发框架,将工作流嵌入在.NET Framework应用程序中,所主要用于开发创建工作流应用程序.WF:http://msdn.microsoft.com/zh-cn/library/ms734696.aspx WPF是一种渲染UI的技术是一个用于Windows平台的全新的图形显示系统,它包括在.NET Framework中