es6模板字符串-标签循环

小鱼儿心语：黄磊老师一段话说：“你尽量在面对友谊，爱情婚姻的时候模糊一点。难得糊涂，真的，因为你一清楚，你就变成苛刻了，变成计较。人永远是不患寡而患不均，接受这个是常态。”

踩了无数次坑了，次次都要百度很久，这次一定要记录下来，以免再次入坑：

1、单条数据写法：

单条数据写法.png

template:
<span v-html="linkage"></span>
js:
this.linkage = `<p>带班领导当日空岗时间为：</p>
                <p>${item.qList[0].split('-->')[0]}-${item.qList[0].split('-->')[1]}</p>
                <p>空岗时长是${item.total}。</p>`

2、多条数据写法：

多条数据循环的写法.png

template:
<span v-html="linkage"></span>
js:
this.linkage = `<p>带班领导当日空岗时间分别为：</p>
                <ul> 
                   ${item.qList.map(items=>{ 
                      return `<li>
                                <p>${items.split('-->')[0]}-${items.split('-->')[1]}</p>
                              </li>`
                   }).join('')}
                </ul>
                <p>空岗时长是${item.total}。</p>`

持续更新哦...