使用Javascript（主干）保存“标签”页面状态（主干视图）

Question

我正在尝试在标签之间保存页面的状态。 在这三个选项卡中，我必须保存其中一个选项卡的状态，例如TAB-3。 为此，我计划执行以下操作-

1-在附有3个标签的主页上的tabs click事件上，我将TAB-3的完整div保存在变量中（此变量是主干视图的成员变量），该变量具有页面状态用户最新的UI更改以及滚动位置。

2-在渲染TAB-3时，我计划检查包含状态的视图变量。 如果存在，则在渲染主视图时，将渲染保存在变量中的先前状态，否则将来自API调用的数据传递到模板，然后将相应的HTML内容附加到页面。

我想知道是否有更好的方法来解决这个问题？

谢谢。

Answer 1

我不太确定我是否能解决您的全部问题，但是是否要保存对选项卡所做的更改； 您可能希望将选项卡作为其自身的模型和视图；

在模型中设置状态。 这些模型应该在集合中。 现在您可以重新渲染集合，并且模型中始终包含您的状态。