Tukar rujukan komponen induk dalam komponen anak menggunakan Vue 3

Question

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

anak. 🎜

Answer 1

Dalam ibu bapa

sssccc

Dalam bar navigasi

sssccc

Perhatian@click.prevent=.... - 它为您执行preventDefault

Answer 2

Anda boleh memberitahunya daripada anak anda Navbar.vue

  Logout 

dan

sssccc

Kemudian anda akan menggunakan Navbar.vue dalam induk

.
.
.

sssccc