第一次使用Mui框架写webapp,主要是通过学习Mui官方文档进行开发,所以刚开始会遇到很多坑,也百度了很多东西,慢慢开始学会了爬坑,下面总结下我在使用Mui框架中遇到的坑,并解决的方法。
- Mui下拉刷新,有单webView模式,双webView模式,刚开始我选用单webView模式实现列表刷新,一来就出现android端列表滑动不了严重bug,后来去github问题区看,说android要采用双webView模式,后来我就全用双webView模式,使用双webView模式也有些坑,比如传参问题,返回刷新问题,滑动问题。问题解决方式如下。
- 传参问题:先传值双webView的父界面,然后再通过界面传值给子界面。
- 返回刷新问题:先要在子界面返回时 调用 mui.fire(list,“refresh”),
然后界面再一次调用该方法,返回后的界面调用Location.reload();即可。
- 一定要加mui(‘.mui-scroll-wrapper’).scroll({});属性,不然滑动不了。
- 搜索框内两个H5时间选择控件导致mui的返回键返回不了。搜索弹框内有输入业务名称,申请时间,完成时间。我们使用的mui-popover内使用了两个时间控件,怎么实现的呢,我们点击事件新建时间对象,失去焦点时dispose()掉,本身看起来没啥问题,但是多次点击,可能会出现未失去焦点就去点击,导致没dispose(),从而导致mui返回键返回不了。