Update props value in child component in vue

Question

parent.vue

<template>
...
<div>{{ meet}} </div>
...
</template>
...
props: ["meet"]

child.vue

<template>
...
<meet :meet="showMeet(e.id)" /> 
</template>
...
props: ['meet'],
...
methods: {
   showMeet(id) {
      this.meet == 'abc';
   }
}

How do i update the value of the props to be used in child component

Answer 1

You may need to re-render the child component again. As per my understanding so far, the same prop is present in both the child's and if you update it's value from one, then you want to update it in second too. Refer this

https://michaelnthiessen.com/force-re-render/