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

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

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

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

阅读 4.3k
2 个回答

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

用keep-alive包起来

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题