我有一个名为 Navbar 的子组件。注销是导航栏中的一个选项。
<a @click="(event) => {event.preventDefault();}">
Logout
</a>
我已将此 Navbar 导入到名为 Home 的父组件中。而在Home组件中，有一个div（一个模态框），
<div class="modal" v-if="modal">
只有当模态引用为 true 时，此模态才会显示。
<script setup>
import Navbar from './components/Navbar.vue';
import {ref} from 'vue';
const modal = ref(false);
</scipt>
我的问题是，当我们单击 Navbar 子组件中的 logout 选项时，如何将此模式 ref 值设置为 true 。
在父级中
sssccc ....
....
....
在导航栏中
sssccc .... .... ....注意
@click.prevent=....- 它为您执行preventDefault你可以从孩子身上发出说 Navbar.vue
和
然后你会在父级中使用 Navbar.vue