vue ref用法

<div class="myClass" ref="diva"></div> // 给dom节点添加ref


this.$refs.diva.style.color = 'red';  // 通过ref直接获取元素属性并修改

 

也可以通过给组件添加ref来引用组件。

 

 直接使用组件里的方法和数据

 

this.$nextTick(() => { // 解决dom未完成渲染的时候操作dom出错的问题。

            this.$refs.right.scrollTop = 0;

 });

在DOM 元素渲染未完成的情况下，去操作DOM元素就会出现问题。官方文档中说明this.$nextTick 可解决此问题。