首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Vue 3 中 ref 数组在模板里循环渲染时丢失响应性?你可能踩了这个坑

Vue 3 中 ref 数组在模板里循环渲染时丢失响应性?你可能踩了这个坑

作者头像
用户1839651
发布2026-09-22 09:37:36
发布2026-09-22 09:37:36
320
举报
概述
在 Vue 3 中同时使用 ref 和数组时,很多开发者会碰到一个诡异的现象:在 setup 里给 ref([]) 赋值一个对象数组,模板里用 v-for 循环渲染,后续通过索引修改数组元素或直接替换数组某个位置的内容,视图却不更新。尤其是当数组元素是对象,并且你直接修改 arr.value[0].name = 'xxx' 时,响应式完全失效。这个问题在从 Vue 2 迁移过来或者刚接触 Comp

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档