作用域插槽

bikeshedding

于 2020-12-22 16:03:34 发布

阅读量154

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue

本文链接：https://blog.youkuaiyun.com/forljnlearning/article/details/111560127

9 篇文章

订阅专栏

本文详细介绍了作用域插槽的概念及应用场景，特别是当父组件需要使用子组件数据时的使用方式。通过具体示例展示了如何在子组件中动态绑定值，并在父组件中通过具名插槽获取这些数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

作用域插槽

   <slot v-bind:todo="todo"></slot>

在子组件中动态绑定一个传出的值

在solt 的模板中使用 v-slot:具名插槽的名字=”传出的值“

<template v-slot:default="{todo}">
  <ul>
      <li v-for="(item,index) in todo" :key="index" v-if="item.isOver">{{item}}</li>
  </ul>
</template>