## 问题:使用tooltip包裹div，然后遍历div后，只显示最后一个div，html结构如下，而且提示内容也无法获取 ``` <el-tooltip effect="dark" placement="top" content="提示内容"> <div v-for="item in data">{{item.name}}</div> </el-tooltip> ``` ## 解决办法：外面再加一层div，把循环放到这里，这样数据可以拿到，内容也可以显示出来 ``` <div :class="{ //样式判断，显示对应的类名 red: val.status == '4', green: val.status == '1', blue: val.status == '3', greyWhite: val.status == '2', grey: val.status == '5', }" v-for="(val, i) in item.equipVOList" > <el-tooltip effect="dark" placement="top"> //提示内容插槽 <div slot="content"> 状态: {{ val.status | statusLabel }}<br /> //过滤状态 保养日期: {{ val.maintainDate ? val.maintainDate : "-"}} </div> <div> {{ val.equipName }} </div> </el-tooltip> </div> ```