vue3+ 子组件传父组件

vue3+ 子组件传父组件

直接上代码吧，也没啥好说的

首先（子组件）

import { defineEmits } from 'vue'
const emit = defineEmits(['click_chart'])
// 在需要的地方emit就是了， 如下，点击的时候
chart.value.on('click', (e) => {
    emit('click_chart', e.data)
  })

接下来（父组件）和之前接受没啥变化，自定义函数的key值和子组件对应上就行

<v-chart class="chart-bar" @click_chart="clickChart"/>
......
const clickChart = (e) => {
  console.log('vvvvvvvvvvvv ', e)
}

基本没咋变，只是emit需要声明，当然还有其他的方式不用defineEmits，我个人比较喜欢这种方式，简单明了。