/Html/How to call parent method from child component

How to call parent method from child component

You should use this.$emit('myEvent') inside of your child component, when you want to trigger the method in the parent.

Then find you child component in the template of the parent and add an event catcher on it like this:

<template>
  <your-child-component @myEvent="myMethod"/>
</template>
If you want to add parameters to your method, you can add a second parameter to your emit like this:

this.$emit("myEvent", "My parameter")
For this to work you don't have to change anything in the event "catcher", as long as the method you call has a parameter

Source: titanwolf.org

Similar codes

23 votes226 views4 answers
Bootstrap 5 vertical align
Html
2 votes243 views2 answers
Placeholder textbox wpf
Html
0 vote210 views1 answer
Call javascript function from a tag
Html
1 vote201 views2 answers
Html star
Html
4 votes208 views2 answers
Python jupyter markdown color
Html
0 vote210 views1 answer
Resgion html
Html
0 vote208 views2 answers
How to write h1 tag in html
Html
0 vote202 views2 answers
Message box html
Html
9 votes211 views3 answers
Angular click event
Html
0 vote200 views1 answer
Html button shortcut key
Html