Saya mempunyai komponen kanak-kanak yang dipanggil Navbar. Log keluar ialah pilihan dalam bar navigasi.

<a @click="(event) => {event.preventDefault();}">
  Logout 
</a>

Saya telah mengimport ini Navbar 导入到名为 Home 的父组件中。而在Home ke dalam komponen induk yang dipanggil Home. Dalam komponen Home, terdapat div (kotak modal),

<div class="modal" v-if="modal">

Modal ini hanya akan dipaparkan jika rujukan modal ialah true.

<script setup>
import Navbar from './components/Navbar.vue';
import {ref} from 'vue';

const modal = ref(false);

</scipt>

Soalan saya ialah, bagaimana untuk menetapkan nilai ref mod ini kepada Navbar 子组件中的 logout 选项时，如何将此模式 ref 值设置为 true apabila kita mengklik pada pilihan logout dalam komponen