perf: 优化时间选择组件,鼠标指针超出容器时页面显示错乱问题

This commit is contained in:
“huailei000”
2023-06-21 18:28:32 +08:00
parent dd0baa7b00
commit b9f26df5e6

View File

@@ -13,7 +13,7 @@
<td v-for="t in theadArr" :key="t" :colspan="colspan">{{ t }}</td> <td v-for="t in theadArr" :key="t" :colspan="colspan">{{ t }}</td>
</tr> </tr>
</thead> </thead>
<tbody class="c-weektime-body"> <tbody class="c-weektime-body" @mouseleave="containerLeave()">
<tr v-for="t in weektimeData" :key="t.row"> <tr v-for="t in weektimeData" :key="t.row">
<td>{{ t.value }}</td> <td>{{ t.value }}</td>
<td <td
@@ -230,6 +230,11 @@ export default {
}) })
this.setTimeRange() this.setTimeRange()
}, },
containerLeave() {
this.width = 0
this.height = 0
this.mode = 0
},
setTimeRange() { setTimeRange() {
this.timeRange = this.weektimeData.map(item => { this.timeRange = this.weektimeData.map(item => {
return { return {