Subscribe on changes!

vue3+ts. 调用子组件的方法错误

avatar
Apr 5th 2023

Vue version

vue3

Link to minimal reproduction

https://sfc.vuejs.org/#eNqdUk2P0zAQ/SuDL03FNtYCElJJQ9EKCQ57AomLLyGZtGb9Jdvpsgr574yTbWiKxIEcrHjezLzxm9ezD87lpw7ZlhWh9tJFCBg7B6oyh51gMQhWCiO1sz5CDx5bGKD1VsOKylYzdP90b5tKhWcs53dWj50ppbYmRNAJh11qUXymQGVq/PrksIh02HbuUP4ynVJlls71u3O1dWhGnDpka9iV0AsDCbMKc2UPmWDOSxNp6JcTV36qVIdrSru4vs9Tp4yiwzxYOExjZatPqJSFb9ar5sWKcgo+iUIS0CWidqqKSDeAYp634PPvCBxvYV8rWT/QKPPYJGPfj1TDUPDjbUpN/eee7IZNUm505fIfwRraSXojiGeAVrEdX02fYCRtugt2jNGFLeedcQ+HvLaa7wnjvjNRatw0Vu9f56/yN295I0O8jOcY9Oa7t48BPTEKdnPRnFPwhH7j0TTo0f+T7Cp3QXiF/UWaOGkXAwlw9kxy44XYIhaNPJUy3FkT0cQvR/toQAbo+2UsSZsyF8KOq/s/b58dcsU8maWlhSd3/fHnbM1sWTA5j9DoRz8KUqKVBj/+dDZgNq401ZMIS8+x4Tfp7EZ9

Steps to reproduce

我复制了vue官网页面的引入组件方法。但是我在本地运行获取到的子组件势力是null。组件是暴露了方法的, 但是如果是通过组件上写ref 这种是可以的,就是通过 InstanceType 创建的不行 ,链接中print 打印的是null

What is expected?

正确的结果

What is actually happening?

我复制了vue官网页面的引入组件方法。但是我在本地运行获取到的子组件势力是null。组件是暴露了方法的, 但是如果是通过组件上写ref 这种是可以的,就是通过 InstanceType 创建的不行

System Info

No response

Any additional comments?

No response

avatar
Apr 5th 2023

组件上面的 ref 不能省略。InstanceType 只是为了让你拿到子组件的类型,调用子组件方法的时候有类型提示。

avatar
Apr 5th 2023

组件上面的ref不能省略。I​​nstanceType只是为了让你拿到子组件的类型,调用子组件方法的时候有类型提示。

我理解的,是拿到实例。然后我又去看了下文档,是拿到实例类型,我两个概念混合了