zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    fastclick.js插件使用
    iphone X 的适配
    常用js方法整理
    gulp(1) 的使用
    C# Datatable 添加列
    Microsoft visual studio已停止工作最全解决办法
    微服务
    获取指定页的记录
    谷歌浏览器安装ie_tab()报错The 'manifest_version' key must be present and set to 2 (without quotes)的解决办法
    Javascript常用代码汇总
  • 原文地址:https://www.cnblogs.com/yy95/p/5692380.html
Copyright © 2011-2022 走看看