Posts Learn Components Snippets Categories Tags Tools About

/

Vue Js Call Watcher Immediately After Component Ready cover

Vue Js Call Watcher Immediately After Component Ready

Learn how to call watcher immediately after the component is ready in Vue Js

Created on Sep 11, 2021

•

102 views

Sometimes you might need to call Vue Js watcher immediately after the component is ready and to do that you can specify the "immediate" property to "true" to the watcher method.

watch: {
  searchText: {
    handler: 'fetchPostList',
    immediate: true
  }
},

methods: {
  fetchPostList () {
    // ajax call to fetch post list
  }
}

Vue Js Snippets

new

If you like our tutorial, do make sure to support us by being our Patreon or buy us some coffee ☕️

Previous Snippet

Vue Js Long Press Directive

Vue Js Fetch and Display HTML from Server Using Ajax

Load comments for Vue Js Call Watcher Immediately After Component Ready

new

PostSrc Code Components

Collection of Tailwind CSS components for everyone to use. Browse all of the components that are right for your project.

View Components

Share this snippet

Sponsors 👑

Other Code Snippets

Caching Queries and Values in Laravel 8 cover

Caching Queries and Values in Laravel 8

1 year ago

Vue Js Use v-bind for Prop Destructuring cover

Vue Js Use v-bind for Prop Destructuring

1 year ago

How to Solve Laravel No Application Encryption Key Has Been Specified cover

How to Solve Laravel No Application Encryption Key Has Been Specified

1 year ago

How to Check For Two isset in Laravel Blade Views cover

How to Check For Two isset in Laravel Blade Views

1 year ago

How to add a robots.txt file to a Next.js project cover

How to add a robots.txt file to a Next.js project

11 months ago

Laravel Inertia Nav Link Component cover

Laravel Inertia Nav Link Component

7 months ago

)