Vuejs v-on：鼠标悬停无法显示菜单

Question

当我将鼠标放在 LI 标签上时，我试图让菜单显示出来。它适用于一个简单的变量，当我使用@mouseover="hoverFormsControls=true" @mouseleave="hoverFormsControls=false"这是有效的，但是当我更改为数组时，就像这样@mouseover="hovers[0]=true" @mouseleave="hovers[0]=false"它不再起作用了。变量hoverFormsControls以 false 开头 此数组（悬停）以所有位置 false 开头。我希望，当我将鼠标悬停在该元素上时，他的子元素将是可见的，但它不适用于数组，仅适用于变量。

Answer 1

这是一个reactivity caveat，所以你应该这样做：

 @mouseover="$set(hovers,0,true)" @mouseleave="$set(hovers,0,false)"