DEV Community

Nguyen Hoang
Nguyen Hoang

Posted on

nextTick

this.$nextTick(): Được sử dụng trong các component Vue để thực hiện hành động ngay sau khi DOM đã được cập nhật. Bạn thường dùng nó để đảm bảo rằng các thao tác DOM không xảy ra trước khi Vue hoàn tất cập nhật các thay đổi.

Vue.nextTick(): Được sử dụng để thực hiện hành động trong phạm vi toàn cục, không liên quan đến một instance cụ thể.

`

Old text


Change Text

<br> export default {<br> methods: {<br> changeText() {<br> this.$refs.text.textContent = &#39;New text&#39;;</p> <div class="highlight"><pre class="highlight plaintext"><code> this.$nextTick(() =&gt; { // Thực hiện hành động sau khi DOM đã cập nhật console.log(this.$refs.text.offsetWidth); // Kích thước mới của phần tử }); }, </code></pre></div> <p>},<br> };<br> `

Tóm tắt
nextTick là một phương thức trong Vue.js giúp thực hiện các thao tác sau khi DOM đã được cập nhật.
Cung cấp một cách để đảm bảo các hành động của bạn xảy ra đúng thời điểm sau khi Vue hoàn tất các thay đổi trong DOM.

Top comments (0)