mui的app页面使用layui填充数据

在mui的开发中有个坑，mui.plusReady在web上使用时是不会起作用的，只能在app上才行，所以推荐自己测试时使用mui.ready去写加载时的方法。

前端请求的返回格式为json，所以在后端对数据进行了包装处理，在返回后是一层叠一层。

success:function(data){

                if(data.data.list.length !== 0){

                    var list = data.data.list;//提取返回的list数据

                    layui.use('laytpl', function(){//使用layui提供的laytpl模板

                        var temp= matterListScript.innerHTML;//向自己的script模板内填充

                        layui.laytpl(temp).render({list:list},function(html){

                            matterList.innerHTML = html;//将填充的script放进页面区间

                        });

                    });

                }else{

                    mui.alert("暂时没有相关待处理事项","提示","我知道了",function () {

                        mui.openWindow({

                            url:"/app/index?sid=${param.sid}"

                        });

                    });

                }

            }

后面是使用layui的方式填充script模板

<script type="text/html" id="matterListScript">

    <ul class="pjt-list" id="ulList">

        {{# layui.each(d.list,function(index,obj){ }}

        <li class="mui-table-view-cell mui-media" id="{{obj.id}}">

            <h4 class="ove-title">{{obj.matterName}}</h4>

            <span class="pjt-tip">待审核</span>

            <div class="bom">

                <p>编号：{{obj.matterNo}}</p>

                <p style="text-align: right">{{obj.recordCreateTime}}</p>

            </div>

        </li>

        {{# }); }}

    </ul>

</script>

自己找的时候也是费了一点力气，开始用的template-web的模板，后面老大说项目之前有layui的填充模板，就又百度和看以前的代码进行修改了。

新人入坑还请多指教，谢谢各位大佬阅读。原文地址:https://www.cnblogs.com/lrz007/p/11341331.html

巴特西

mui的app页面使用layui填充数据

最新文章

热门文章