Vue Js: Run Kode Setelah Template Ter-Render

cara menjalankan function setelah theme ter-render di vue js – Pada perancangan frontend web terkhusus menggunakan vue js, ada kalanya kode/function yang kita bikin memerlukan hasil render theme terlebih dahulu. Pada kondisi ini, kita dapat memanfaatkan method bawaan dari Vue Js yang bernama NetTick.

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

Baca Pun: Membuat Route Di Vue JS Secara Terstruktur

Cara penggunaannya lumayan gampang. Berikut ini ialah kodenya:

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

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

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