Html AlpineJS-已触发事件的默认预防

我对web开发非常陌生，并开始使用TailwindCSS和AlpineJS开发一个项目。 问题是，每当加载页面时，就会触发事件（@click、@mouseenter和@mouseleave）。 我已经尝试将.prevent添加到事件（@click.prevent、@mouseenter.prevent和@mouseleave.prevent），但没有成功。 我无法显示所有代码，因为它太大了，所以这里有一部分代码：

其中@mouseenter和@mouseleave是：

菲南亚斯
交换Visa卡

新纤维
用草图创建。
除了向我们显示您的所有代码外，您是否可以向我们显示您认为问题所在的区域，并向我们显示文件
@mouseenter
，
@mouseleave
，
@click
，等等？对不起，我刚刚添加了更多显示触发事件位置的代码。您确定事件正在触发吗？在我看来，您想要的是隐藏Alpine.js代码的内容，直到Alpine可用，您可以使用
x-clope
，请参阅文档“是”。当页面呈现时，所有AlpineJS事件都会被触发，这意味着当有人访问该页面时，所有下拉列表都会被打开和关闭，因为@click事件会被触发。我深入研究了Alpine的x斗篷，事实上就是这样！到目前为止，我在包装div中添加了：[x-clope]{display:none！important；visibility:hidden；overflow:hidden；}和x-clope，如：但实际情况是初始化的组件闪烁得更快。我错过什么了吗@雨果