Как вызвать метод у дочернего компонента
Как вызвать метод у дочернего компонента из родительского ?
В родительском компоненте
<template>
<show-modal :id="id"></show-modal>
<button @click="id=1">ID</button>
</template>
<script>
export default {
data() {
return {
id: '',
}
},
}
</script>
В дочернем компоненте будет вызвано модальное окно:
<template>
<div>
</div>
</template>
<script>
export default {
props:{
id: '',
},
data() {
return {
}
},
methods:{
ShowModal(id){
if(id){
$('#addNewUser').modal('show');
}
}
}
}
</script>
Ответы (1 шт):
Автор решения: Gordon
→ Ссылка
Для дочернего компонета прописываем
<show-modal ref="foobar" :id="id"></show-modal>
В родителе вызываем
this.$refs.foobar.ShowModal()