美文网首页
Vue3 emit使用

Vue3 emit使用

作者: Spinach | 来源:发表于2022-09-15 16:07 被阅读0次
    父组件:

    ①定义函数
    ②使用子组件时使用该函数

    const fatherFn = (参数:接收子组件传递的数据) =>{
      函数体...
    }
    
    <Child @fatherFn ="fatherFn " />
    
    子组件:

    ①子组件引入defineEmits
    ②赋值给emit
    ③触发

    import {  defineEmits} from 'vue';
    const emit = defineEmits(['fatherFn ']);
    //触发
    emit('fatherFn ', {参数:传递给父组件的数据});
    

    相关文章

      网友评论

          本文标题:Vue3 emit使用

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