layui.laytpl如何从外部引入模板文件 

首页 index.html
<body>
    <div id="hello"></div>
    <script src="./lib/layui/layui.js"></script>
    <script>
        layui.use('layer', function(){ 
            var $ = layui.$;
            // 加载hello组件（会自动绑定组件对应的dom上）
            $("#hello").load("./components/hello.html");
        });
    </script>
</body>
组件 hello.html
<script id="demo" type="text/html">
    <h3>{{ d.title }}</h3>
</script>
<script>
    var data = { //数据
        "title": "helloword"
    }
    var getTpl = demo.innerHTML
        , view = document.getElementById('hello');

    layui.use('laytpl', function () {
        var laytpl = layui.laytpl;
        laytpl(getTpl).render(data, function (html) {
            view.innerHTML = html;
        });
    })
</script>

 

posted @ 2020-06-03 14:35  丁少华  阅读(2509)  评论(1)    收藏  举报