自学内容网 自学内容网

父组件无法传递嵌套对象给属子组件性prop

1. 基础实现方式

1.1 子组件 (ChildComponent.vue)


<template>
  <div>
    <p>子组件接收到的属性值: {
  { message }}</p>
  </div>
</template>

<script>
export default {
     
  name: 'ChildComponent',
  props: {
     
    message: {
     
      type: String,
      required: true
    }
  }
}
</script>

1.2 父组件 (ParentComponent.vue)

<template>
  <div>
    <h1>父组件</h1>
    <child-component :message="parentMessage"></child-component>
  </div>

原文地址:https://blog.csdn.net/qq_40603125/article/details/143877951

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!