Vue.js VueJS：单击我的组件时，该组件出现问题

我正在使用VueJS处理我的第一个项目，我的组件有问题。 我的项目是一个聊天应用程序，我正在为消息创建一个加载组件。这就是组件的工作方式：当用户进入对话时，组件显示，当加载所有消息时，它消失

一切正常，但问题是当我点击组件时，它停止工作。它不会消失。它消失的唯一方式是进入另一个对话

<loading-message
   v-if="showLoadingMessages"
/>

---

有人知道如何解决这个问题吗。我尝试使用style:pointer-events:none，但仍然不起作用。

能否添加更多代码？也许上面的其他组件正在获得一个使showLoadingMessages成为真的单击事件？您可以添加更多的代码吗？也许上面的其他组件正在获得一个使showLoadingMessages成为真的点击事件？