Can events in the vue parent component be hung directly on the child component?

for example, I pass a method in the parent component, but what should I do if it is executed in the child component? Do not use $emit

Nuxt.js vue.js
Nov.02,2021
There are many

methods. The more common one is to define a Function parameter in the porps of the child component, and the parent component passes the method as a parameter

.

subcomponent code snippet 

export default {
  name: 'Children',
  props: {
    parentMethod: Function,
  },
  methods: {
    onClick() {
      this.parentMethod();
    },

parent component code snippet 

<template>
  <children :parent-method="testMethod"></children>
</template>
<script>
  export default {
    methods: {
      testMethod() {
        console.log('test');
      },

in this way, when the child component triggers onClick , the parent component's testMethod is called. Although the process is not as clear as $on + $emit , it is still very maintainable

.

ide-inject" rel=" nofollow noreferrer "> provide-inject

Previous: How to filter this array? Algorithm

Next: In dvajs, ie10 class does not report errors, but use charts such as bizchart to report errors.

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu