vue针对循环中slot的传参数

最新推荐文章于 2024-05-13 10:31:43 发布

shidouyu

最新推荐文章于 2024-05-13 10:31:43 发布

阅读量1k

点赞数

分类专栏： js Vue html 文章标签： vue.js elementui 前端

本文链接：https://blog.csdn.net/shidouyu/article/details/125368588

版权

Vue 同时被 3 个专栏收录

36 篇文章 6 订阅

订阅专栏

20 篇文章 0 订阅

订阅专栏

html

7 篇文章 0 订阅

订阅专栏

vue针对循环中使用slot传参数问题

1,v-slot

<List :dataList="list" v-slot:fatherSlot="{item}">
    <ListItem slot="fatherSlot">
         <div slot="child">{{item.title}}</div>
     </ListItem>
 </List>

2,slot-scope

<List :dataList="list" >
   <ListItem slot="fatherSlot" slot-scope="slotProps">
        <div slot="child">{{slotProps.item.title}}</div>
    </ListItem>
</List>

3,slot-scope+v-slot

<List :dataList="list" v-slot:fatherSlot="slotProps">
     <ListItem slot="fatherSlot">
          <div slot="child">{{slotProps.item.title}}</div>
      </ListItem>
  </List>