props from child to parent without emit vue example

 <parent> <child @send="receive"></child> methods: { receive(childData) { console.log(childData); // "Hello World" } } </parent> <child> <button @click="send">Click Me</button> methods: { send() { Vue.$emit('send', 'Hello World'); } } </child>

how to access both child event param and parent param in vue

<template>
    <ul>
        <product v-for="product in products"
                 :product="product"
                 @add="addToChart" />
    </ul>
</template>

<script>
const Product = {
    props: ["product"],
    render(h) {
        return h("li", { on: { click: this.click } }, this.product);
    },
    methods: {
        click() {
            this.$emit("add", { product: this.product, quantity: 42 });
        }
    }
};

export default {
    data() {
        return {
            products: ["Foo", "Bar"]
        };
    },
    components: {
        Product
    },
    methods: {
        addToChart({ product, quantity }) {
            console.log(product, quantity);
        }
    }
}
</script>

Posted by: Guest on April-30-2020

Source

Code answers related to "props from child to parent without emit vue example"

Code answers related to "Html"

Browse Popular Code Answers by Language

Answers for "props from child to parent without emit vue example"

Code answers related to "props from child to parent without emit vue example"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us