Html vuetify`v-icon`可见性被css规则更改后滞后

我在使用vuetify的Vue应用程序中有一个表。我创建了一个CSS选择器来显示

tr:hover

状态的图标，但是当鼠标离开行时隐藏图标会有延迟。它只发生在图标（最后三行）上，任何其他元素（前三行）都会按预期显示和消失。（）

屏幕截图（当光标从底部向上移动时，在第一列中可以看到多个图标）：

tr:hover.hover{
能见度：可见；
}
.悬停{
可见性：隐藏；
}
// ...

A.
一行
A.
一行
A.
一行
创造
一行
创造
一行
创造
一行

newvue({
el:“#应用程序”，
})

将以下内容添加到CSS中：

i.hover{
过渡：无；
}

延迟是由

v-icon

添加

transistion:.3s立方贝塞尔（.25、.8、.5,1）引起的默认为
转换属性：all
。因此，这会导致
可见性上的
.3s
延迟