vue3 ref获取子组件显示 __v_skip : true 获取不到组件的方法 怎么回事怎么解决

看代码

问题出现了  当我想要获取这个组件上的方法时 

为什么获取不到这个组件上的方法呢

原來:

__v_skip: true 是 Vue 3 中的一个特殊属性,用于跳过某些组件的渲染。当一个组件被标记为 __v_skip: true 时,Vue 将不会对该组件进行渲染,也不会将其添加到虚拟 DOM 树中。因此,使用 ref 获取该组件的显示时,将无法获取到该组件上的方法。

如果你想获取子组件上的方法,需要确保子组件没有被标记为 __v_skip: true。如果子组件被标记为 __v_skip: true,则无法通过 ref 获取其方法。

要解决Vue 3中使用ref无法获取子组件方法的问题,可以采取以下几个步骤:

  1. 使用defineExpose:在子组件中,您需要使用defineExpose来暴露子组件的方法。这样,父组件才能通过ref访问到这些方法。
  2. 父组件中引用子组件:在父组件中,您应该使用ref属性来引用子组件的实例。这样,您就可以通过这个引用来调用子组件的方法。
  3. 调用子组件方法:一旦子组件的方法被暴露,并且父组件有了对子组件实例的引用,您就可以直接调用子组件的方法了。例如,如果您在子组件中暴露了一个名为myMethod的方法,那么在父组件中,您可以使用childComponentRef.value.myMethod()来调用它。

于是我查看了一下子组件  由于我是用的语法糖写的 没有进行抛出  所以就有了拿不到的这个问题 上图看一下吧

那这种语法糖怎么抛出呢  就到了今天解决问题的关键  defineExpose

将你子组件中的这个方法进行抛出   父组件就可以拿到啦  现在让我来看一下打印的效果吧~

okok~今天的问题就到这啦~~~~~过38节日去啦

最近更新

  1. TCP协议是安全的吗?

    2024-03-11 00:54:05       19 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-11 00:54:05       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-11 00:54:05       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-11 00:54:05       20 阅读

热门阅读

  1. iOS面试题

    2024-03-11 00:54:05       26 阅读
  2. 力扣题库第3题:最长连续序列

    2024-03-11 00:54:05       18 阅读
  3. c++之迭代器与反向迭代器

    2024-03-11 00:54:05       27 阅读
  4. 序列的第 k 个数(c++题解)

    2024-03-11 00:54:05       23 阅读
  5. OceanBase社区版单节点安装搭建(Docker)

    2024-03-11 00:54:05       23 阅读
  6. Hyperf AOP 和 注解

    2024-03-11 00:54:05       23 阅读
  7. mysql 8 修改账号密码

    2024-03-11 00:54:05       18 阅读
  8. 链表简单功能的总结

    2024-03-11 00:54:05       23 阅读
  9. Ubuntu设置时区和时间同步

    2024-03-11 00:54:05       30 阅读
  10. 【国产MCU】-窗口看门狗(WWDG)

    2024-03-11 00:54:05       25 阅读
  11. SQL 数据库安全的基本概念和技术

    2024-03-11 00:54:05       21 阅读