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

Vue3 组件通信 $refs $parent

Vue3 组件通信 $refs $parent

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

相关文章:

  • 【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组件设计模式:高可复用性组件开发实战
  • 孙简任吉林省副省长
  • 专访|韩国世宗研究所中国研究中心主任:李在明若上台将推行均衡外交
  • 网信部门曝光网络谣言典型案例,“AI预测彩票号码百分百中奖”等在列
  • 季后赛主场优势消失之谜,这事竟然要赖库里
  • 总没胃口,一吃就饱……别羡慕,也可能是生病了
  • 佩斯科夫:俄会考虑30天停火提议,但试图对俄施压无用