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

VUE--- ref refs

ref & refs 的作用:用于获取dom元素或组件实例,也可用于组件组件间数据的获取和修改

ref & refs 与querySelector的区别:

        ● ref & refs 查找的范围是当前组件内,更加精确稳定

        ● querySelector 查找的范围是整个页面

获取dom的使用步骤:

        1、目标标签添加ref属性

<div ref="chartRef">我是渲染图表的容器</div>

        2、通过this.$refs.xxx,获取目标标签

mounted () {console.log(this.$refs.chartRef)
},

获取组件方法的步骤:

         1、给目标组件添加ref属性

<BaseForm ref="baseForm"></BaseForm>

        2、 通过this.$refs.xxx,获取目标组件,就可以调用组件中的方法

this.$refs.baseForm.resetForm()

 

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

相关文章:

  • 微信小程序之WXML 模板语法之数据绑定、事件绑定、wx:if和列表渲染
  • maven导入无法拉取所需依赖
  • 【2023-08-20】字节跳动秋招笔试四道编程题解
  • VPS网站发布-个人网站搭建与部署-个人简历网站示例-个人简历网站案例-网站推广
  • INTEWORK—PET 汽车软件持续集成平台
  • 【Git】 取消上一次commit或push
  • 回归预测 | Matlab基于OOA-SVR鱼鹰算法优化支持向量机的数据多输入单输出回归预测
  • Spring Boot整合MyBatis
  • MySQL语句 | 在MySQL中解析JSON或将表中字段值合并为JSON
  • 基于springboot+vue的图书个性化推荐系统(前后端分离)
  • 将自然数序列剔除掉包含4的数字,求第k(1e12)个数是什么
  • 用Photoshop来制作GIF动画
  • 原地swap(inplace_swap)
  • 《JVM由浅入深学习九】 2024-01-15》JVM由简入深学习提升分(生产项目内存飙升分析)
  • 统计学-R语言-4.6
  • git提权
  • 实验四 SQL语言
  • 2024年简历石沉大海,别投了,软件测试岗位饱和了....
  • JS执行顺序
  • Vscode 上安装 Compilot
  • Spring集成MyBatis与MyBatis-Plus添加分页插件
  • Windows下载安装vcpkg并使用它来安装第三方库(visualstudio)
  • leetcode-2788按分隔符拆分字符串
  • 使用Ctrl+Alt+T快速打开Windows Terminal终端
  • Redis 消息队列和发布订阅
  • 去掉element-ui的el-table的所有边框+表头+背景颜色
  • 还在手动复制文章吗?教你如何一键将文章从notion同步到WordPress
  • uni-app的学习【第三节】
  • 全自动网页制作系统流星全自动网页生成系统重构版输入网页信息即可制作
  • 云轴科技ZStack位列IDC云系统软件市场教育行业TOP2