## 問題:使用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> ```