【vue3】vue3+ts父级调用子级函数

解决流程

按照以前方法我们只需要通过ref就能直接拿到子级的方法和属性，但是现在，子级需要暴露方法，父级才能拿到函数。
父级函数

<template>
	<TableList ref="tableListRef">
	</TableList>
</template>

<script setup lang="ts">
let tableListRef = $ref(null)

tableListRef.handleSetScrollTop()
</script>

子级函数

<script setup lang="ts">
const handleSetScrollTop = ()=>{
      console.log(“调用成功”)
}
interface exposeInterface{
      handleSetScrollTop:()=>void
}
//子级暴露方法
defineExpose<exposeInterface>({
      handleSetScrollTop
})
</script>

✨$踩坑不易，还希望各位大佬支持一下$

📃 $个人主页：$ 沉默小管

📃 $个人网站：$ 沉默小管

📃 $个人导航网站：$ 沉默小管导航网

🔥 $技术交流QQ群：837051545$

👍 $点赞，你的认可是我创作的动力！$

⭐️ $收藏，你的青睐是我努力的方向！$

✏️ $评论，你的意见是我进步的财富！$

如果有不懂可以留言，我看到了应该会回复
如有错误，请多多指教