vue3 composition api父组件调用子组件的方法

示例

子组件

通过defineExpose暴露给父组件调用的方法

const resize = () => {
    ehcart.resize()
}
defineExpose({
  resize
})

父组件

通过ref获取子组件实例,调用defineExpose暴露的方法，记得不要忘了加上value

template

script

const getChart = ref(null)
window.onresize = () => {
    getChart.value.resize()
  }

什么是defineExpose

以下内容来自vue3官方文档

使用

当父组件通过模板 ref 的方式获取到当前组件的实例，获取到的实例会像这样 { a: number, b: number } (ref 会和在普通实例中一样被自动解包)