优秀的编程知识分享平台

网站首页 > 技术文章正文

获取DOM元素/组件对象-ref（获取dom元素的方法）

nanyue 2024-10-29 14:49:39 技术文章 6 ℃

在组建的DOM部分，任意的标签中写上 ref="{自定义元素名}";
通过组件对象 this.$refs.{自定义元素名}获取到元素;
可以在mounted中操作DOM数据;
在子组件标签中写入 ref="{自定义组件名}"，获取到的就是组件对象;
Vue中DOM更新是异步的,异步导致DOM未渲染，无法操作DOM元素的解决办法

this.$nextTick(function(){

})

上一篇： vue常见面试题（Vue常见面试题）
下一篇：【Vue实战技巧】揭秘ref:掌握DOM与组件实例

猜你喜欢

2024-10-29 Vue3 - 表单的输入与绑定（vue实现表单）
2024-10-29 67、Vue 中如何实现一个虚拟 DOM?说说你的思路(高薪常问)
2024-10-29 Vue中配合clipboard.js实现点击按钮复制内容到剪切板
2024-10-29 「绍棠」 Vue面试整理一（vue项目面试中怎样去说）
2024-10-29 深入浅出虚拟 DOM 和 Diff 算法，及 Vue2 与 Vue3 中的区别
2024-10-29 这大概是理解VUE的虚拟DOM最简单的文章了
2024-10-29 vue-这应该是最基础了吧（vue vh）
2024-10-29 深入了解Vue 3中onBeforeMount钩子和DOM元素的获取时机
2024-10-29 Vue.js教程(六)--Vue实例的属性和方法
2024-10-29 Vue中多个元素、组件的过渡及列表过渡的方法示例

最近发表