父组件
<script lang="ts" setup>
import { ref, watch } from 'vue';
import Child from './child.vue';
const visible = ref(false);
setTimeout(() => {
visible.value = true;
}, 3000);
// 添加 watch 来调试父组件中的值变化
watch(visible, newVal => {
console.log('Parent visible changed to:', newVal);
});
</script>
<template>
<Child v-model:visible="visible" />
</template>子组件
<script lang="ts" setup>
import { watch } from 'vue';
const props = defineProps<{
visible: boolean;
}>();
watch(
() => props.visible,
val => {
console.log('visible', val);
},
{
immediate: true,
deep: true,
},
);
</script>
<template>
<div>visible： {{ visible }}</div>
</template>
0 个回复