0
点赞
收藏
分享

微信扫一扫

Vue3---通过 ref 获取子组件实例(子组件中的DOM结构、数据、及方法)

mjjackey 2022-03-11 阅读 147

Vue3中,如果要在父组件拿到子组件(子组件的DOM结构、数据、方法),可以通过 ref。即在父组件中定义响应式数据 ref(null) ,并绑定给子组件,在需要的时候,通过定义的响应式变量即可获取。获取后,即获取了子组件的一切,可以看到子组件的DOM结构,也可以看到子组件中对外暴露的的数据和方法,并且可以直接调用。

官方API[这里是图片001]https://v3.cn.vuejs.org/guide/component-template-refs.html#%E6%A8%A1%E6%9D%BF%E5%BC%95%E7%94%A8

  • 子组件

    {{ msg }}

举报

相关推荐

0 条评论