vuejs父组件数据更新后,子组件也初始化了,想要子组件保持状态怎么办?

1.问题描述:
如下图:
图片描述

右侧列表与加减按钮计数器是父子组件关系。点击左侧分类会请求api获取数据。
问题1:先点击加按钮,然后点击第二个分类,计数器的结果会在第二个列表显示出来。期望结果是第二个列表的计数器是初始化的。
图片描述图片描述

问题2: 然后点击第一个分类,父组件数据更新后,计数器跟着初始化了。期望结果是我点击计数器后,切换列表能保持状态。
图片描述

阅读 4.3k
2 个回答

把v-for时渲染列表的key去掉就可以了,原因猜测是组件复用的问题。#263

用keep-alive包起来

推荐问题