列表点击状态保存问题?
list点击一次请求接口获取到content中表单的内容,表单可以填写,如果再一次点击相应的list需展示出之前已经填好的表单,但是目前做的是根据list表单的id去请求content中的内容,每点击一次,content会清空再显示新的内容,请问如何保存之前的状态呢?谢谢
回答:
维护一个列表映射,保存双向绑定的列表信息。比如列表长度是10,维护一个长度是10的列表
list = Array.from({ length: 10 }).map(item => null)
点击的时候判断list中是否有对应的详情,没有的话就去请求接口,然后把接口返回的详情赋值到对应映射上,有的话直接拿list[index]
当做详情来做表单的双向绑定编辑即可。
回答:
1.临时性的不关心刷新页面这种,可以直接用数组/对象/Map存储list每一个id对应的content,像一楼说的那样,查询之前先判断存储的id的content是否存在,不存在就重新查询,存在的话就直接返回
2.如果刷新页面也要保留指定id的content,那就存到sessionStorage/localStorage中,同理也是查询之前先判断是否存储
以上是 列表点击状态保存问题? 的全部内容, 来源链接: utcz.com/p/933559.html