根据我的研究和建议，我被告知要使用不透明，但是不透明度并没有给我很好的UI/UX感觉，所以我选择了另一种在vue中创建私有布尔对象的方法，如

private hover: boolean = false;

注意:我发现 @mouseover 和在Vue. 仍然可行。

然后，在我的 .vue 文件中，我会考虑使用布尔变量触发我想隐藏的目标，而display.That是

在目标按钮或元素上，您希望在悬停时隐藏并显示

<div class="mt-2 mb-2"
`@mouseover = "hover = true"`
`@mouseleave = "hover = false"`
>Hello World
</div>

注:我正在使用Vue与打字记录一起来实现这一目标。

将此添加到 tailwind.config.js 文件中

variants: {
    extend: {
        display: ["group-hover"],