vue3->调用子组件的属性和方法

vue3->调用子组件的属性和方法

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

vue3->调用子组件的属性和方法_第1张图片

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

上代码:

父组件代码




son 组件代码




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

使用

然后就可以在控制台看到我们在控制台打印出了子组件上变量和方法,然后就可以进行调用了
vue3->调用子组件的属性和方法_第2张图片

over,问题解决!

总结: 多看文档,多看有用的技术文章,少刷短视频!!!

你可能感兴趣的:(Vue,技术点,踩坑,vue.js,javascript)