首页 前端知识 vue3中通过ref获取子组件实例,取值为undefined

vue3中通过ref获取子组件实例,取值为undefined

2024-04-29 11:04:37 前端知识 前端哥 267 693 我要收藏

基于 <script setup> + TS 的情况

分三步

1、在子组件暴露需要被父组件调用的属性

2、在子组件定义类型

3、父组件引入子组件的类型,并定义 ref

 第一步:defineExpose 暴露子组件属性

defineExpose({ select })

第二步:在子组件定义组件实例类型

如果完成第一步的话,在父组件调用子组件实例里某个属性的时候,TS 会报错,找不到该属性(但不影响运行)所以这里还需要定义一个类型,来声明子组件实例的类型

第三步:定义子组件的暴露的数据类型,并定义 ref

声明子组件的 ref ,获取子组件实例(注意只能使用暴露出来的属性)

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6294.html
标签
评论
发布的文章

HTML5本地存储

2024-05-06 09:05:10

HTML5和CSS3新特性

2024-04-16 17:04:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!