vue3 props传值获取不到

引用:在Vue3中，父组件通过props向子组件传递值。如果你在子组件中无法获取到props的值，可能是因为渲染时机的问题。你可以使用Vue3的watch函数来监听props的变化，并在变化时进行相应的处理。例如，在setup函数中使用watch监听props.contentText的变化，然后将新的值赋给需要展示的html元素。这样就能确保子组件能够正确获取到props的值并进行渲染。

<code>
<script lang="ts">
export default {
props: {
contentText: {
type: String,
default: ''
}
},
setup(props) {
// 监听输出内容变化
watch(() => props.contentText, (newVal: any) => {
valueHtml.value = newVal;
})
}
}
</script>
</code>

现在你可以通过watch函数来监听props的变化，并在变化时进行相应的操作。这样就能确保子组件能够正确获取到props的值并进行渲染。