当前位置 博文首页 > IT13333的博客:vue父子组件传值 记住快

    IT13333的博客:vue父子组件传值 记住快

    作者:[db:作者] 时间:2021-08-27 22:17

    ##父组件给子组件传值
    父组件中:< div sendtoson=“10” >
    子组件中:props:{
    sendtoson:{
    type:[Number,String,Object]/String
    default:10
    }
    }
    ##子组件给父组件传值
    #父组件中 :< soncomponentname @fromsoneventtype=“fathercomponentfunction()”/ >
    #父组件中:methods:{
    fathercomponentfunction(valuefromson){
    console.log(valuefromson)
    }
    }
    #子组件中:< button @click=" sendvaluefunctionname()">发送消息 < /button >
    #子组件中:methods:{
    sendvaluefunctionname(){
    this.$emit(“fromsoneventtype,valuefromson”)
    }
    }
    ###下面更清楚的标记每一个对应的值
    在这里插入图片描述

    cs
    下一篇:没有了