【VUE】父子组件之间传值

子组件向父组件传值

子组件:

Toparent(){

this.$emit('refparent',Value1,Value2);

}

父组件:

<searchChild @refparent = 'getDate' ></searchChild>
 
 getDate(Value1,Value2){
      
}


父组件向子组件传值

子组件:

<template>
    <div>{{message.title.text}}组件1</div>
</template>

<script>
    export default {
        props: {
            message: {
                type: Object,
                required:true
            },
        },
        mounted(){
            console.log(this.props)
        }
    }
</script>

父组件:

<template>
    <div>
        <Child :message="parentMsg"></Child>
    </div>
</template>

<script>
    import Child from './Child.vue'
    export     default{
        data(){
            return{
                parentMsg:{
                    title:{
                        text:'123'
                    },
                    main:{
                        text:'456'
                    }
                }
            }
        },
        components:{
            Child
        },
    }
    
</script>

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 游动-白 设计师: 上身试试
应支付0元
点击重新获取
扫码支付

支付成功即可阅读