vue挖坑旅途-------树形控件

树形控件比较适合做目录，但通过一些修改可以作为表格使用。本次的需求是，在表格中需要有复选框，若表格中的每一项的子项不为空时，子项也要有复选框，要保证复选框之间的联动，若使用el-table比较难实现。使用el-tree能很好解决复选框问题；

el-tree的用法直接看api就好，而返回的标签为

return ( <div style={“display:inline”}>
<el-popover
ref={“popoverTime”}
placement={“bottom”}
trigger={“hover”}
visible-arrow = {“false”}
style=“border-radius: 0px;border: 0px; padding: 0px;”
>
<<div> style=“width: 154px;max-height: 220px;overflow: auto;”>
{timeHTMLs}
<div style={“height:10px”}></<div>>
</<div>>
<img src={"…/…/static/question.png"} slot={“reference”} style={“width: 12px;height: 12px;”}/>
</<el-popover>> </<div>>);

本次需求中，还需要用到el-popover控件，用于在鼠标滑过时显示其它内容，代码中的timeHTML就是显示的标签，但timeHTML不能是字符串，所以

let timeHTML = (<<img> src="…/…/static/clock.png"/>
<<div>>{_this.formatDateTime(data.startTime)}-</<div>>
<<div>>{_this.formatDateTime(data.endTime)}</<div>> );

另外， 如果显示的内容是动态的，可以创建数组timeHTMLs，再把每个timeHTML放到数组中即可；