您现在的位置是：网站首页> 编程资料编程资料

Vue3中使用setup通过ref获取子组件的属性_vue.js_

2023-05-24 495人已围观

简介 Vue3中使用setup通过ref获取子组件的属性_vue.js_

子组件通过 defineExpose将数据抛出

父组件通过给子组件绑定ref 然后结合nextTick回调函数获取子组件的数据

效果图

今天在写 vue3 项目时，需要在父组件里面调用子组件的方法，但是打印出来却是这个样子：

发现打印出来的数据啥都没有，难道是代码问题？

上代码：

父组件代码

son 组件代码

通过翻阅 vue 文档发现文档中写着一个叫 defineExpose 的 api，是这样介绍的：

使用

然后就可以在控制台看到我们在控制台打印出了子组件上变量和方法，然后就可以进行调用了

over，问题解决！

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

您可能感兴趣的文章:

上一篇：Vue中Element的table多选表格如何实现单选_vue.js_