第一个MUI项目心得

第一次使用Mui框架写webapp,主要是通过学习Mui官方文档进行开发,所以刚开始会遇到很多坑,也百度了很多东西,慢慢开始学会了爬坑,下面总结下我在使用Mui框架中遇到的坑,并解决的方法。

  1. Mui下拉刷新,有单webView模式,双webView模式,刚开始我选用单webView模式实现列表刷新,一来就出现android端列表滑动不了严重bug,后来去github问题区看,说android要采用双webView模式,后来我就全用双webView模式,使用双webView模式也有些坑,比如传参问题,返回刷新问题,滑动问题。问题解决方式如下。
  1. 传参问题:先传值双webView的父界面,然后再通过界面传值给子界面。
  2. 返回刷新问题:先要在子界面返回时 调用 mui.fire(list,“refresh”),

然后界面再一次调用该方法,返回后的界面调用Location.reload();即可。

  1. 一定要加mui(‘.mui-scroll-wrapper’).scroll({});属性,不然滑动不了。
  1. 搜索框内两个H5时间选择控件导致mui的返回键返回不了。搜索弹框内有输入业务名称,申请时间,完成时间。我们使用的mui-popover内使用了两个时间控件,怎么实现的呢,我们点击事件新建时间对象,失去焦点时dispose()掉,本身看起来没啥问题,但是多次点击,可能会出现未失去焦点就去点击,导致没dispose(),从而导致mui返回键返回不了。

解决方式:在mui初始化处添加 keyEventBind{backbutton:false;},界面了不能返回的问题。

3.带上拉刷新界面使用一个mui.confirm弹框问题。会出现两个问题一个是下拉刷新会和弹框一起滑动,另一个是退出弹框,会出现加载更多的字样(这里没使用分页,有人会问?没分页怎么会有加载更多呢,这里其实写了分页方法,没写请求逻辑,为啥要这样写?如果不这样写,会导致使用mui.confirm弹框的时候mui.min.js会报错。),怎么解决这两个问题呢?我解决的方式如下:

Mui(‘#refresh’).pullRefresh.setStopped(true);true停止下拉刷新,false 启动下拉刷新。

Mui(‘#refresh’).pullRefresh.disablePulluptoRefresh();不显示加载更多。

使用Mui框架,主要遇到上面比较大的功能功能性bug,其他的小问题,官网上也能找到解决方式。

 

猜你喜欢

转载自blog.csdn.net/weixin_42492548/article/details/84870214