Vue callback after a click method is executed

Question

I have a list with @click events attached to its elements. I am dynamically creating some elements (using v-if) on these clicks and I need to execute some code over these dynamically created elements If I run it on the method that @click calls, the elements are not created yet, so I can't change them. How to call a function after vue has called this method?

My code:

<li class="food" @click="loadFood(food)">

Answer 1

use Vue.nextTick(function () {}) to change elements more info