当前位置: 首页 > news >正文

vue插槽传送和接收item

子组件:

<!-- 循环父组件传递过来的数据 -->
<div v-for="(item, index) in data" :key="index">
    <!-- 使用插槽,将 item 作为插槽的 scope -->
    <slot :item="item"></slot>
</div>

父组件:

vue2:

<!--使用 slot-scope 定义作用域插槽 -->
<template #item-slot slot-scope="{ item }">
</template>

vue3: 

<!--使用 v-slot 定义作用域插槽 -->
<template #item-slot="{ item }">
</template>

相关文章:

  • pyqt5报错:qt.qpa.plugin: Could not find the Qt platform plugin “xcb“(已解决)
  • Linux安装Ollama+MaxKB建立本地知识库
  • 2024年MathorCup数学建模C题物流网络分拣中心货量预测及人员排班解题全过程文档加程序
  • SpringBoot(8)——Springboot数据层开发
  • 【Linux文件IO】Linux中文件属性与目录操作的API介绍和用法
  • 第三章 | 初识 Solidity:开发环境搭建 第一个智能合约{介绍篇}
  • Codeforces Round 1012 (Div. 2) 3.23
  • 零基础上手Python数据分析 (8):Pandas 核心数据结构 Series 和 DataFrame
  • 【博客节选】再谈Unity 的 root motion
  • 【算法】入门详解
  • asp.net mvc 向前端响应json数据。用到jquery
  • 描述@keyframes规则在 CSS 动画中的原理及作用,如何创建一个简单的动画
  • 大厂技术博客总结
  • MySQL 5.7升级8.0报异常:ONLY_FULL_GROUP_BY
  • 猿大师中间件:如何在最新Chrome浏览器Web网页内嵌本地OCX控件?
  • Docker学习笔记(十二)docker镜像没有vi怎么优雅的编辑文本
  • FAQ - VMware vSphere Web 控制台中鼠标控制不了怎么办?
  • Cursor学习总结
  • 正则表达式基本语法和Java中的简单使用
  • LiteIDE中配置golang编译生成无CMD窗口EXE的步骤
  • 印度军方否认S-400防空系统被摧毁
  • 图集︱“中国排面”威武亮相
  • 碧桂园:砸锅卖铁保交房、持续推进保主体,尽快让公司恢复正常经营
  • 秦洪看盘|重估叙事主题卷土重来,给A股注入新活力
  • 北京:下调个人住房公积金贷款利率
  • 美联储连续第三次维持利率不变,警示关税影响