首页 > 其他分享 >Vue学习笔记42--ref

Vue学习笔记42--ref

时间:2024-03-11 10:13:58浏览次数:19  
标签:Vue DOM -- 元素 42 引用 组件 ref

Vue==>ref

ref属性

  1. 被用来给元素或子组件注册引用信息(id的替代者)
  2. 应用在html标签上获取的是真实的DOM元素,应用在组件标签上是组件实例对象(vc)
  3. 使用方式:
    • 声明标识:<h1 ref="xxx">。。。。。。</h1> 或<School ref="xxx"></School>——School为组件
    • 获取方式:this.$refs.xxx

 注:ref 被用来给元素或子组件注册引用信息, 引用信息将会注册在父组件的 $refs 对象上,如果是在普通的DOM元素上使用,引用指向的就是 DOM 元素,如果是在子组件上,引用就指向组件的实例。

标签:Vue,DOM,--,元素,42,引用,组件,ref
From: https://www.cnblogs.com/YYkun/p/18065422

相关文章

  • CSS鼠标样式(cursor)
    一、CSScursor基本语法cursor属性是什么:指鼠标指针放在一个元素边界范围内时所呈现的光标形状,它包括问号,小手等形状。使用时可以在任何你想要添加的标签里,插入style="cursor:某属性值",也可以在CSS样式中添加。比如:pointer,小手形状help,帮助形状。cursor的属性值有十几种可选......
  • 新鲜出炉!界面控件DevExpress WinForms 2024产品路线图预览(二)
    DevExpressWinForm拥有180+组件和UI库,能为WindowsForms平台创建具有影响力的业务解决方案。DevExpressWinForm能完美构建流畅、美观且易于使用的应用程序,无论是Office风格的界面,还是分析处理大批量的业务数据,它都能轻松胜任!本文将介绍2024年DevExpressWinForms第一个主要更新......
  • Prometheus监控系统进程---process-exporter
    参考文档Namedprocessesstacked|GrafanaLabsNamedprocesses|GrafanaLabsncabatoff/process-exporter:Prometheus导出器,用于挖掘/proc以报告所选进程(github.com)操作步骤下载安装包wgethttps://github.com/ncabatoff/process-exporter/releases/download/v0.7.......
  • GaussDB(DWS)集群通信:详解pooler连接池
    本文分享自华为云社区《GaussDB(DWS)集群通信系列一:pooler连接池》,作者:半岛里有个小铁盒。1.前言适用版本:【8.1.0(及以上)】GaussDB(DWS)为MPP型分布式数据库,使用ShareNothing架构,数据分散存储在各个DN节点,而CN不存储数据,作为接收查询的入口,生成的计划会尽量下推到DN并行执......
  • java时间操作
    publicstaticvoidmain(String[]args){LocalDateTimetime=LocalDateTime.of(2022,11,30,6,6,6);DateTimeFormatterof=DateTimeFormatter.ofPattern("yyyy-MM-ddHH:mm:ss");StringdateTime=time.format(of);Syste......
  • 最新二次注入攻击和代码分析技术
    二次注入攻击二次注入攻击的测试地址在本书第2章。double1.php页面的功能是添加用户。第一步,输入用户名test'和密码123456,如图4-45所示,单击“send”按钮提交。 图4-45  页面返回链接/4.3/double2.php?id=4,是添加的新用户个人信息的页面,访问该链接,结果如图4-46所示。......
  • 再聊对架构决策记录的一些思考
    1引言第一次在社区发文聊ADR(架构决策记录)是在2022年8月份,在文章( 轻量级ADR机制 )中,详细介绍了以下几个主题:•团队研发面临的主要问题•ADR的结构剖析•ADR的存储形式•ADR在研发流程中所处的位置•ADR常见的误区与疑问在实践中发现仍然有一些普遍性问题与挑战可以探讨。......
  • 在 Windows 11 中卸载 Edge 浏览器
    请先安装一款其他的浏览器,例如:Chrome(非常重要);在任务栏上点击搜索图标,弹出的搜索框中输入"注册表编辑器"并打开;在注册表编辑器顶部的地址栏中分别输入:计算机\HKEY_CURRENT_USER\Software\Microsoft计算机\HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft计算机\HKEY_LOCAL_MACHINE\S......
  • DAX 基本知识
    数据类型整数Integer十进制數Decimal日期时间DateTime布尔值Boolean文本String//这三个我没用过货币Currency变体Variant二进制Binary运算符() 优先计算,函数的括号,元组+日期类型也可直接加,date(2024,1,1)+1=date(2024,1,2)−*/=<>dax里面没......
  • 遥感图像镶嵌拼接:ENVI的Pixel Based Mosaicking工具操作方法
      本文介绍基于ENVI软件,利用“PixelBasedMosaicking”工具实现栅格遥感影像镶嵌拼接的方法。  首先需要说明的是,本文需要镶嵌的遥感影像并不含地理参考信息,因此仅可以使用ENVI中的“PixelBasedMosaicking”工具(该工具可以对含有或不含有地理参考信息的图像进行镶嵌),而不是......