javascript - Bagaimana untuk menghantar parameter daripada sub-komponen kepada komponen induk dalam Vue

Question

• Latar belakang: Vue+ES6, subkomponen dipanggil selepas komponen induk dibuat dan pencetus peristiwa onclick telah dikapsulkan dalam komponen asas (subkomponen subkomponen)

• Soalan: Bagaimanakah komponen anak menghantar parameter kepada komponen induk apabila tiada peristiwa yang mengikat dalam komponen induk?

Answer 1

1. EventBus (keadaan tanpa pengikatan peristiwa yang tidak cukup memenuhi kehendak soalan)

2. Vuex

Answer 2

penghantaran

Answer 3

Komunikasi komponen ibu bapa-anak

Answer 4

$emit()

Answer 5

Komponen anak menggunakan v-on untuk mendengar acara, dan kemudian apabila ia dicetuskan, ia menghantar acara, iaitu $emit Kemudian komponen induk juga menggunakan v-on untuk mendengar acara yang anda hantar, dan kemudian melaksanakan acara yang ditentukan oleh komponen induk anda.

Answer 6

Orang di atas telah menerangkannya dengan jelas, saya di sini untuk menebusnya
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

Subkomponen ini.$emit("event",data)

Komponen induk @event