nextTick ()
<pre><code>当触发事件更新dom后,没法在vue中立即获取到dom的最新值,这时候就要用到nextTick函数,它可以帮助我们在下一次Dom更新后执行它的回调函数</code></pre>
<pre><code class="language-javascript">&lt;template&gt;
&lt;div ref=&quot;divRef&quot;&gt;{{ message }}&lt;/div&gt;
&lt;button @click=&quot;getHeight&quot;&gt;获取高度&lt;/button&gt;
&lt;/template&gt;
&lt;script setup&gt;
import { ref, onMounted, nextTick } from &quot;vue&quot;;
const divRef = ref(null);
const message = ref(&quot; &quot;);
const getHeight = () =&gt; {
message.value += &quot;啦啦啦啦啦啦啦&quot;;
nextTick(() =&gt; {
console.log(divRef.value.offsetHeight);
});
};
&lt;/script&gt;</code></pre>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=d6fe1e415fdb1642984b655ae14ab548" alt="" /></p>