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

this.refs[‘tagInput‘].refs.input.focus()和this.$refs[‘tagInput‘].focus()区别

this.$refs['tagInput'].$refs.input.focus()和this.$refs['tagInput'].focus()两者之间的选择取决于你的组件结构和如何访问DOM元素。

1.this.$refs['tagInput'].$refs.input.focus():


2.这种语法假设你的this.$refs['tagInput']是一个组件实例,并且这个组件实例有一个名为input的$refs属性,其中包含一个真实的DOM元素。
3.这通常适用于嵌套组件,其中你希望访问内部组件的DOM元素。


4.this.$refs['tagInput'].focus():


5.这种语法假设this.$refs['tagInput']直接是一个真实的DOM元素,而不是一个组件实例。
6.如果你的tagInput是一个直接渲染到DOM的HTML元素,那么这种写法通常是正确的。

所以,你需要根据你的组件结构和需要访问的DOM元素的位置来选择正确的语法。如果tagInput是一个组件实例,你应该使用this.$refs['tagInput'].$refs.input.focus()来访问内部的input元素。如果tagInput直接是一个DOM元素,那么this.$refs['tagInput'].focus()就足够了。

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

相关文章:

  • 电脑硬件坏了,如何维修?
  • elementplus日期时间选择器组件显示很窄
  • 第三方软件测评选择远程测试好还是现场测试好?
  • HTTPS协议:保障网络安全的加密通信协议
  • C++设计模式_21_Iterator 迭代器(理解;面向对象的迭代器已过时;C++中使用泛型编程的方式实现)
  • 有一个 3*4 的矩阵,找出其中值最大的元素,及其行列号
  • 磁盘的命令
  • 一张图讲清楚业务稳定性要如何做:SRE体系化稳定性方案
  • 安卓端GB28181设备接入模块如何实现实时位置订阅(MobilePosition)
  • 11.与JavaScript深入交流-[js一篇通]
  • Ubuntu 搭建 DHCP ivp6 server 步骤
  • 分享大数据分析师前景怎么样? 从事行业有哪些?
  • 通过wordpress能搭建有影响力的帮助中心
  • word页脚设置,页脚显示第几页共有几页设置步骤
  • C语言实现斐波那契数列的多种方法
  • 一文解决:Swagger API 未授权访问漏洞问题
  • Elasticsearch下载安装,IK分词器、Kibana下载安装使用,elasticsearch使用演示
  • springboot自定义404页面
  • C/C++数据结构之时间复杂度和空间复杂度详细解析以及力扣刷题
  • 【需要理解】80 单词搜索
  • 笔记本电脑的键盘鼠标如何共享控制另外一台电脑
  • 【计算机网络】(谢希仁第八版)第二章课后习题答案
  • 笔记软件Notability mac中文版软件功能
  • 【C++的OpenCV】第十四课-OpenCV基础强化(三):Mat元素的访问之data和step属性
  • Springmvc 讲解(1)
  • 超级英雄的导航之旅:动态路由和嵌套路由
  • 发现个好玩的 Windows微信对话框换行
  • Vue3最佳实践 第八章 ESLint 与 测试 ( Jest )
  • 【抓包分析】通过ChatGPT解密还原某软件登录算法实现绕过手机验证码登录
  • 【UE】属性同步,源码详解一个勾选了Actor复制的Actor第一次被创建时经历了什么