Vue Js: Run Kode Setelah Template Ter-Render

cara menjalankan function setelah template ter-render di vue js - Dalam pembuatan frontend web terkhusus menggunakan vue js, ada kalanya kode/function yang kita buat memerlukan hasil render template terlebih dahulu. Dalam kondisi ini, kita bisa memanfaatkan method bawaan dari Vue Js yang bernama NetTick.

NetTick adalah method vue js yang memungkinkan kode dijalankan setelah template di-render dari bentuk vue, ke html. Berbeda dengan mounted, dimana kode akan dijalankan setelah template vue dipasang (mounted), namun belum di-render.

Baca Juga: Membuat Route Di Vue JS Secara Terstruktur

Cara penggunaannya cukup mudah. Berikut ini adalah kodenya:

<script>
  mounted(){
    this.$nextTick(function () {
      $('.drag').draggable();
    })
  }
</script>

Kode didalam function tersebut akan dijalankan belakangan alias setelah template di-render.

Oke, sekian penjelasan singkat kali ini, semoga bermanfaat! Terima kasih!