所有点击事件和链接在模式消失后停止工作？

Question

当我登录我的应用程序并且

SingIn-Modal

组件在成功登录后消失时，我网站上的所有内容都变得不可点击：

1. @click 事件不起作用
2. 链接失效
3. 无法选择文字
4. 奇怪的是所有这些元素仍然可以悬停

首先我认为这一定来自像

tailwind class

这样的

select-none

，所以我从我的应用程序中删除了所有

select-none

类。但问题仍然存在。然后我认为它可能来自某些

z-index

问题，所以我从我的应用程序中删除了所有

z-index

类，但问题仍然存在。问题可能来自哪里？抱歉，我很乐意向您展示一些代码，但我真的不知道我的代码库的哪一部分可以帮助您。

如果这是一个模态问题（整页覆盖）那么元素将不会悬停，对吗？

我能告诉你的是我的

sing-in.vue

组件，之后出现错误：

<script setup lang="ts">
import { Errors, Form } from '../../../declarations'

const state: { errors: Errors } = reactive({
  errors: [],
})

const form: Form = reactive({
  email: '',
  password: '',
  remember: false,
})

const signIn = () => {
  // axios.get('/sanctum/csrf-cookie').then(() => {
  //   axios
  //     .post('/login', form)
  //     .then(() => {
  //       store.auth = sessionStorage.auth = 1
  //       store.signInModal = false
  //     })
  //     .catch((er) => {
  //       state.errors = er.response.data.errors
  //     })
  // })
  // demo
  if (form.email === '[email protected]' && form.password === 'password') {
    store.auth = localStorage.auth = 1
    store.signInModal = false
  }
}

const showSignUpModal = (): void => {
  store.signInModal = false
  store.signUpModal = true
}

const showForgotPasswordModal = (): void => {
  store.signInModal = false
  store.forgotPasswordModal = true
}
</script>

<template>
  <div>
    <div class="mt-4 mb-8 text-3xl font-medium">Sing In</div>

    <form @submit.prevent="signIn">
      <text-input
        type="email"
        label='Email: ("[email protected]")'
        v-model="form.email"
        :errors="state.errors.email"
        class="mb-6" />

      <text-input
        type="password"
        label='Password: ("password")'
        v-model="form.password"
        :errors="state.errors.password"
        class="mb-6" />

      <app-checkbox v-model="form.remember" label="Remember me" />

      <div
        class="mt-8 mb-2 cursor-pointer hover:text-slate-800 text-slate-500 font-normal transition hover:underline"
        @click="showForgotPasswordModal">
        Forgot your Password?
      </div>

      <app-button>Submit</app-button>

      <div class="flex gap-1 mt-1.5  font-normal text-slate-500">
        Not registered yet?
        <div
          class="cursor-pointer font-normal transition hover:text-slate-900 hover:underline"
          @click="showSignUpModal">
          Sign Up
        </div>
      </div>
    </form>
  </div>
</template>

在这种情况下，我将

authentication

替换为

dummy

（将

store.auth

设置为

1

），但错误仍然存在。我已经仔细检查了所有

store properties

（模态激活）。出错时都是

false

。所有模态都应隐藏在

v-if

.

后面