老师，现在vue3的组件传值是父组件向子组件传一个方法，子组件这边触发就能在父组件获取数据了吗

Question

父组件向子组件传一个方法
<upload-excel :onSuccess="onSuccess"></upload-excel>

 
 
子组件这边触发就能在父组件获取了吗


const props = defineProps({
  // 上传前回调
  beforeUpload: Function,
  // 成功回调
  onSuccess: Function
})

 props.onSuccess && props.onSuccess(excelData)

Answer 1

Sunday 2021-12-29 11:49:45

你好

这不是 vue 3 的特性，这是一个标准的 prop 传值

对于 props 而言，可以传递一个 函数，这样子组件可以接收到当前函数的引用，从而可以主动调用这个函数

• 提问者 慕无忌2576682 #1

  因为之前父组件接收子组件的数据，子组件通过$emit方法去传递给父组件实现，现在都不用@emit

• 提问者 慕无忌2576682 #2

  子组件通过这样引用向父组件传递数据
  import { defineEmits, ref } from 'vue'
  const emits = defineEmits(['updateModelValue'])

• Sunday 回复 提问者 慕无忌2576682 #3

  $emit 和 props 传递函数引用并没有什么区别。只不过选择方式的不同而已。