开发中发现在子孙组件无法监听到祖父组件的prop数据,在网上找到了解决方案
将watch方法中设置immediate: true
<script lang="ts" setup>
import { ref, watch } from 'vue'
watch(() => props.aiAppletId, (newVal: number | undefined) => {
console.log('nawVal', newVal)
if (newVal)
getInfoApi(newVal)
else
promptAppletInfo.value = { ...defaultPromptAppletInfo }
}, { immediate: true }) // immediate: true 非常重要
</script>
正在学习Go语言的PHP程序员。