javascript - Comment transmettre des paramètres d'un sous-composant au composant parent dans Vue
给我你的怀抱
给我你的怀抱 2017-05-19 10:20:59
0
8
778
  • 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 ?

给我你的怀抱
给我你的怀抱

répondre à tous(8)
仅有的幸福
  1. EventBus (une situation sans liaison d'événement qui ne répond pas tout à fait aux exigences de la question)

  2. Vuex

我想大声告诉你

expédition

習慣沉默

Communication composante père-enfant

阿神

$emit()

滿天的星座

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.

伊谢尔伦

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
仅有的幸福

$emit()

迷茫

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

Composant parent @event

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!