vue中获取dom的方式

165 阅读1分钟

在mounted这个钩子函数中获取

dom第一次渲染完毕,此时可以获取dom 原生的方式是document.querySelector()

vue中提供了另一种获取dom的方式 =》 res和$refs

1.在你需要获取的dom元素身上调价一个属性ref 2.在合适的时机(mounted或者之后)通过this.$refs.xxx获取到dom

ref和$refs除了可以获取dom,还可以获取组件实例--使用方式和上面一致

this.$refs.组件名.xxx

获取组件实例后 还可以调用组件中的方法和获取组件中的数据

this.$refs.组件名.xx()

this.$refs.组件名.xxx

如果是希望将来在数据变化以后,获取到新的dom

数据驱动视图 =》 数据变了,视图自动发生变化 数据变了,视图异步更新dom(高效更新)

第一种定时器 setTimeout(() ={})

vue中提供了this.$nextTick(() =>{})