javascript - Bagaimana untuk menghantar parameter daripada sub-komponen kepada komponen induk dalam Vue
给我你的怀抱
给我你的怀抱 2017-05-19 10:20:59
0
8
818
  • 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?

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

membalas semua(8)
仅有的幸福
  1. EventBus (keadaan tanpa pengikatan peristiwa yang tidak cukup memenuhi kehendak soalan)

  2. Vuex

我想大声告诉你

penghantaran

習慣沉默

Komunikasi komponen ibu bapa-anak

阿神

$emit()

滿天的星座

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.

伊谢尔伦

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

$emit()

迷茫

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

Komponen induk @event

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan