props pass component value (the sub-transmission parent)

The definition of sub-assemblies

<template>
    <div class="ceshi">
        <button @click="sendMsg">给父组件传值</button>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                msg: '子组件的值',
            }
        },
        methods: {
            sendMsg() {
                //sendMsg: 是父组件指定的传数据绑定的函数,this.msg:子组件给父组件传递的数据
                this.$emit('sendMsg', this.msg)
            }
        }
    }
</script>

The definition of a parent component

<template>
    <div class="address">
        <ceshi @sendMsg="sendMsg"></ceshi>
    </div>
</template>
<script>
    import ceshi from '@/components/ceshi'
    export default{
    	components: {
            ceshi,
    	},
    	methods:{
			sendMsg(msg){
                console.log(msg) // 获取到的: 子组件的值
            },
		}
    }
</script>
Published 76 original articles · won praise 144 · Views 3059

Guess you like

Origin blog.csdn.net/qq_40745143/article/details/103770319