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

Vue48-ref属性

一、需求:操作DOM元素

1-1、使用原生的id属性

不太好!

1-2、使用 ref属性

原生HTML中,用id属性给元素打标识,vue里面用ref属性。

给哪个元素加了ref属性,vc实例对象就收集哪个元素!!!

1-3、在组件标签上加上ref属性

此时拿到的就是<school>组件的vc实例对象。

二、小结

对于传统的html标签,ref = id;但是,对于组件元素来说,ref != id

http://www.lryc.cn/news/375031.html

相关文章:

  • 【SpringCloud学习笔记】RabbitMQ(中)
  • 【C++】类和对象的引入
  • 11.5.k8s中pod的调度-cordon,drain,delete
  • Java中线程的创建方式
  • 猫头虎推荐20个值得体验的通用大模型
  • Novartis诺华制药社招综合能力性格动机问卷入职测评笔试题库答案及包过助攻
  • Adam优化算法
  • MYSQL 三、mysql基础知识 7(MySQL8其它新特性)
  • git error: does not have a commit checked out fatal: adding files failed
  • Java Websocket分片发送
  • vivado NODE、PACKAGE_PIN
  • JavaEE、SSM基础框架、JavaWeb、MVC(认识)
  • 【漏洞复现】飞企互联-FE企业运营管理平台 treeXml.jsp SQL注入漏洞
  • Android基础-运行时权限
  • postman断言及变量及参数化
  • 安装和使用TrinityCore NPCBot
  • Hvv--知攻善防应急响应靶机--Linux2
  • replaceAll is not a function 详解
  • 如何设置天锐绿盾的数据防泄密系统
  • 003 gitee怎样将默认的私有仓库变成公开仓库
  • Spring框架中的IOC(控制反转)详解
  • Score Matching(得分匹配)
  • 五大维度大比拼:ChatGPT比较文心一言,你的AI助手选择指南
  • 大学课设项目,Windows端基于UDP的网络聊天程序的服务端和客户端
  • 【5.x】ELK日志分析、集群部署
  • 揭秘创业加盟:豫腾助力,发掘商机,共赢未来
  • Linux操作系统以及一些操作命令、安装教程
  • 树莓派4B_OpenCv学习笔记6:OpenCv识别已知颜色_运用掩膜
  • ZSH 配置
  • LogicFlow 学习笔记——5. LogicFlow 基础 主题 Theme