如果 dom 对象是动态赋予 id, 一般在循环中生成，例如
<template v-for="item in list">
<input :ref="item.id" type="text" />
</template>
在 vue2 时，可以通过 this.$refs 在集合中获取 dom 对象，vue3 也可以使用相同的方法处理，伪代码如下
<script setup lang="ts">
import { getCurrentInstance, reactive, ref } from "vue"
const { proxy } = getCurrentInstance() as any
// index 为动态索引，list[index].id 为动态获取的 ref
proxy.$refs[list[index].id][0].focus()
如果 dom 对象是动态赋予 id, 一般在循环中生成，例如 在 vue2 时，可以通过 this.$refs 在...
一.基础语法(对象) 二.DOM获取节点 三.DOM间接获取节点 四.创建添加和删除节点 五,删除广告 六.动态添...
1. DOM （文档对象模型）2. 获取元素中的方法 3. 节点和节点之间的关系 4. 动态 DOM 方法 5. ...
DOM对象获取的数组，如果要动态改变获取数组的样式，必须要遍历或者通过中括号[]索引的形式才可以生效。
一、JS获取DOM元素和JQuery获取DOM元素的区别 JavaScript获取的是DOM对象，而Jquery获...
1、获取dom对象/对象数组（常用），返回一个dom数组 （1）document/dom.getElementBy...
html dom树 通过获取dom节点的方法获取到 元素对象 还能通过console.dir(元素对象) 打印出元...
vue通过v-el获取到dom对象（获得dom对象改变里面的内容） vue通过v-ref获取到整个组件的对象
标签： 我的笔记 认识jQuery jQuery对象和DOM对象 DOM对象可以通过javascript获取。 j...
获取dom 修改属性 .获取对象的属性 .js获取非行内样式属性 innerHTML dom 属性设置与获取 Do...
本文标题：vue3 ts 动态获取 dom 对象
本文链接：https://www.haomeiwen.com/subject/tlostdtx.html
网友评论