列表点击状态保存问题？

Question

list点击一次请求接口获取到content中表单的内容，表单可以填写，如果再一次点击相应的list需展示出之前已经填好的表单，但是目前做的是根据list表单的id去请求content中的内容，每点击一次，content会清空再显示新的内容，请问如何保存之前的状态呢？谢谢

Answer 1

维护一个列表映射，保存双向绑定的列表信息。比如列表长度是10，维护一个长度是10的列表

list = Array.from({ length: 10 }).map(item => null)

点击的时候判断list中是否有对应的详情，没有的话就去请求接口，然后把接口返回的详情赋值到对应映射上，有的话直接拿list[index]当做详情来做表单的双向绑定编辑即可。

Answer 2

1.临时性的不关心刷新页面这种，可以直接用数组/对象/Map存储list每一个id对应的content,像一楼说的那样，查询之前先判断存储的id的content是否存在，不存在就重新查询，存在的话就直接返回
2.如果刷新页面也要保留指定id的content，那就存到sessionStorage/localStorage中，同理也是查询之前先判断是否存储