×

Vue 3在子组件中更改父组件的引用

提问者:Terry2023.12.09浏览:1104

分享一个Vue 3在子组件中更改父组件的引用。

我有一个名为 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 。

您的支持是我们创作的动力!

网友回答文明上网理性发言 已有0人参与

发表评论: