0
点赞
收藏
分享

微信扫一扫

vue3使用emit传参

1. 父子传值

子组件 Child.vue
<template>
  <div>
    <button @click="childEmit">父组件传参</button>
  </div>
</template>
<script>
export default {
    setup(props,{emit}){  
        function childEmit () {
            emit('my-emit', '我是子组件值')
        }
        return{
            childEmit
        }
    }
};
</script> 
父组件 
<template>
  <div>
    <child @my-emit="parentEmit"></child>
  </div>
</template>

<script>
import Child from "./Child.vue";
import { ref } from "vue";
export default {
  components: {
    Child,
  },
  setup() {
    function parentEmit(val){
        // val
    }
    return{
        parentEmit
    }
  },
};
</script> 
举报

相关推荐

0 条评论