满口金牙 2022-12-26 20:14 采纳率: 91.5%
浏览 31
已结题

Vue 怎么向子组件传递 ref对象,而不是value

<Children
    :data = test    // 这样只是传 test.value
/>

const test = ref()

传ref对象的好处是 ,可以在子组件中直接修改 test.value

  • 写回答

4条回答 默认 最新

  • CSDN专家-showbo 2022-12-27 11:20
    关注

    1.大家都知道,vue是具有单向数据流的传递特性。当你在子组件中修改父组件传递过来的数据的时候,控制台就会报出错误,说不让你对父组件传递的值进行修改。
    2.那么,尤大大为了解决这个问题,在vue3的时候给我们提供了一个新的思路:v-model来实现父传子,并且子也可以修改父组件传递过来的数据。
    3. 都读到这里了,我给大家提供两个修改父组件数据的思路(不仅限于vue3):
    法一:使用v-model进行父传子,并且子组件修改父组件传递的值。
    法二:使用Pinia或者vuex进行状态管理,然后进行数据的修改。
    ————————————————
    版权声明:本文为CSDN博主「喝西瓜汁的兔叽Yan」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    原文链接:

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 1月4日
  • 已采纳回答 12月27日
  • 创建了问题 12月26日

悬赏问题

  • ¥15 安卓13,动态广播无法接受
  • ¥50 docker运行容器端口如何映射(不重启服务、不重建容器)
  • ¥50 基于TwinCAT3实现力传感器的实时读取
  • ¥20 python求解八元一次不定方程,无数解中随机输出几组即可(相关搜索:用python)
  • ¥50 libreoffice导出PPTX到PDF中的错误换行问题
  • ¥15 python实现网页视频下载
  • ¥15 如何通过深度图获得物体的完整、正确点云?
  • ¥15 有没有操作系统适用白丁的经典的书籍,如何解决?(标签-学习)
  • ¥15 Catia V5 R20 64位 安装过程中选择orbix配置创建套接字失败
  • ¥100 C51单片机设计交通灯时出现的问题