Vue3 v-if 看不到条件变量的变化

Question

<template>
    <EditStudentModal v-if="showModal==='show'"/>
    <div v-for="student in prop.students" :key="student.id">
        <StudentItem
            :student="student"
            @editStudent="openEditModal"
        />
    </div>
</template>

我的一部分

let showModal = ref('');

const openEditModal = (data) => {
    showModal = 'show';
}

触发@editStudent 事件后，showModal 变量的值发生变化，但 v-if 看不到它

Answer 1

将 showModal = 'show' 更改为 showModal.value = 'show'