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