dot.js的使用配合案例演示

234 阅读 0 评论 155 点赞

我是靠谱客的博主甜美冷风，这篇文章主要介绍dot.js的使用配合案例演示，现在分享给大家，希望可以做个参考。

dot.js在我所认为最重要的作用就是，我们再也不用繁琐的拼接字符串了

一.html

 <ul class="myul2">
</ul>

二.在js页面


var tpl = doT.template($("#area-list5").text());
var str = tpl(res.universityInfo.celebrityList);
$(" .myul2").html(str);

三.定义一个script


<script type="text/x-dot-template" id="area-list5">
<div class="swiper-container">
<div class="swiper-wrapper">
{{~ it:item:index}}
<div class="swiper-slide">
<li class="myli2">
<div class="myli2_top">
<img src="{{= item.headImg}}">
<span>{{= item.name}}</span>
</div>
<div class="myli2_center">
<p>{{= item.intro}}</p>
</div>
</li>
</div>
{{~}}
</div>
</div>
</script>

四.大功告成，再也不用拼接字符串了，前提要把dot.js引入