javascript - Comment transmettre des paramètres d'un sous-composant au composant parent dans Vue

Question

• Contexte : Vue+ES6, le sous-composant est appelé après la création du composant parent et le déclencheur d'événement onclick a été encapsulé dans le composant sous-jacent (sous-composant du sous-composant)

• Question : Comment le composant enfant transmet-il les paramètres au composant parent lorsqu'il n'y a pas de liaison d'événement dans le composant parent ?

Answer 1

1. EventBus (une situation sans liaison d'événement qui ne répond pas tout à fait aux exigences de la question)

2. Vuex

Answer 2

expédition

Answer 3

Communication composante père-enfant

Answer 4

$emit()

Answer 5

Le composant enfant utilise v-on pour écouter un événement, puis lorsqu'il est déclenché, il envoie l'événement, qui est $emit. Ensuite, le composant parent utilise également v-on pour écouter l'événement que vous envoyez, puis. exécute l'événement défini par votre composant parent.

Answer 6

La personne ci-dessus l'a déjà dit clairement, je suis là pour rattraper ça
child.vuechild.vue

<template>
    <p id="test">向父传递</p>
</template>
<script>
    export default {
        methods: {
            $('#test').click(()=>{
                this.$emit('data', '这是我要传的参数');
            })
        }
    }
</script>

parent.vue

<template>
    <child @data="fnSS"></child>
</template>
<script>
    import child from './child';
    export default {
        components: {
            tagInput
        }
        methods: {
            fnSS(value) {
                alert(value);
            },
        }
    }
</script>

parent.vue🎜 rrreee

Answer 7

$emit()

Answer 8

Sous-composant this.$emit("event",data)

Composant parent @event