vue3 组件传值（父传子）

2023-11-01 37 阅读1分钟

子组件在子组件里写入要绑定的值

子组件HTML部分

 <span class="el-dropdown-link" :style="{color:bgColor}">{{item.name}}</span>

子组件js部分 efineProps 直接用不需要引入

<script setup lang="ts">
// 接受父组件传过来的值
defineProps({
  bgColor:{
    type:String,
    default: ""
  }
})
</script>


    <Header bgColor="#000000" :isLogo="false"></Header>