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

Vue3 组件通信 $refs $parent

Vue3 组件通信 $refs $parent

  • 在子组件中使用defineExpose暴漏数据
    在这里插入图片描述
  • 在父组件中引用子组件
  • 通过ref标记子组件,并读取子组件暴漏的数据
    在这里插入图片描述
  • 👆上面是一个子组件的情况
  • 如果有多个子组件呢?所有的子组件都通过ref标记,太麻烦了
  • 使用$refs获取所有的子组件
    在这里插入图片描述在这里插入图片描述
  • 在子组件中使用$parent获取父组件
    在这里插入图片描述
http://www.dtcms.com/a/86507.html

相关文章:

  • 【React】使用Swiper报错`Swiper` needs at least one child
  • 前端会话控制技术:cookie/session/token
  • 特斯拉Optimus 2.0:多模态感知与强化学习引领家庭场景变革
  • 【递归、搜索和回溯算法】专题三 :穷举VS暴搜VS深搜VS回溯VS剪枝
  • WebGL图形编程实战【2】:动态着色 × 纹理贴图技术揭秘
  • 学习Flutter:搭建第一个 Flutter 应用
  • StarRocks 主键(Primary Key)深度解析
  • MATLAB+Arduino控制小车直行+转向
  • 竞赛团队招募系统----山东大学web课程设计
  • cool-admin-midway 使用腾讯云cos上传图片
  • SAP SD学习笔记35 - ATP(可用性检查)的各种Pattern
  • NLP高频面试题(十二)——Lora微调的原理、什么是Qlora
  • AWS NoSQL解决方案全景图
  • 【MySQL笔记】数据类型
  • 外设的中断控制
  • java设计模式之代理模式《赛博园丁的代理觉醒》
  • Mybatis注解的基础操作——02
  • 基于STM32单片机的智能手环/音乐播放/语音识别
  • RWKV-7:超越Transformer的新一代RNN架构解析
  • Vue3组件设计模式:高可复用性组件开发实战
  • 【数据结构】_单链表_相关面试题(一)
  • 使用欧拉法数值求解微分方程的 Python 实现
  • Windows 和 Linux 系统下,如何查看 Redis 的版本号?
  • 4.2、网络安全体系与建设内容
  • 游戏引擎学习第179天
  • Django跨域问题解决方法
  • 用Selenium+lxml库完成淄博链家网数据的爬取
  • 微服务中的服务发现
  • 基于人工智能的扫阅卷和数据分析服务需求文档
  • 虚幻基础:UI