美文网首页
vue中子组件向父组件传值

vue中子组件向父组件传值

作者: 不知梦_js | 来源:发表于2018-06-04 09:35 被阅读0次

    子组件a.vue部分代码片段

    <button @click="emitMyEvent">emit</button>
    
    data(){
        return{
            hello:'I am component a'
        }
    }
    methods:{
        emitMyEvent(){
            this.$emit('my-event',this.hello)
        }
    }
    

    父组件App.vue部分代码片段

    <comA @my-event="onComaMyEvent"></comA>
    
    import comA from './components/a'
    
    components:{
        comA
    }
    
    methods:{
        onComaMyEvent(paramfromA){
            console.log('onComaMyEvent'+paramfromA)
        }
    }
    

    相关文章

      网友评论

          本文标题:vue中子组件向父组件传值

          本文链接:https://www.haomeiwen.com/subject/rlresftx.html