List列表数据不更新是怎么回事？

博主奥哲提问于 2026-03-15 01:28:24 阅读 70

组件

我用 Vue 写了个 List 列表，数据是从父组件传进来的 props，但当我修改了父组件的数据后，子组件的列表没跟着变，明明控制台打印出来 props 已经变了啊。

我试过在子组件里加 watch 监听 props，也试过直接用 computed 返回 props 的值，都不行。是不是我哪里写错了？

这是我的子组件关键代码：

<template>
  <div>
    <div v-for="item in listData" :key="item.id">{{ item.name }}</div>
  </div>
</template>

<script>
export default {
  props: ['listData']
}
</script>

我来解答赞 2 收藏

反馈

暂无解答