Vue中子组件触发父组件事件的方法

1. 在子组件中进行< content @click=”close”>事件的绑定
2. 在子组件中的methods对这个close进行定义
3. methods:{
close(){
this.emit(‘on-close’) } }
也就是说,其实这个on-close是我们子组件这里的点击事件啦
4 . 在父组件中的子组件标签中绑定on-close这个事件

  1. 在父组件的methods定义这个事件
    methods{
    beClose(){
    console.log(10)
    }
    }

意义:子组件中的某一个小div的点击被我们封装成'on-close'事件
父组件进行监听,一旦子组件触发了,就会调用父组件的方法

    
    

子组件

    
    

你可能感兴趣的:(Vue中子组件触发父组件事件的方法)