vue中使用v-for渲染的列表当某项数据变动时视图列表没有更新问题解决

Alone深秋

于 2021-02-09 18:11:50 发布

阅读量2.3k

点赞数 1

分类专栏： Vue js 文章标签： vue javascript

版权

在Vue中使用v-for渲染列表时，若某项数据变动，直接通过索引替换数据会导致视图未更新。这是因为Vue无法监听复杂数据类型的内部变化。正确做法是遍历列表，找到修改的项并重新赋值，确保Vue能够检测到变化并更新视图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

例如视图中的列表

<tr v-for="vo in indexData.list">
  <td>{
  {vo.code}}</td>
  <td>{
  {vo.username}}</td>
  <td>{
  {vo.cTime}}