tabs标签页的数据缓存

2023-06-10,,

一进入tabs标签页默认就将所有标签页的数据请求到,并渲染到页面上,

这样如果数据量太大的话会渲染很久,

我的需求就是点击不同的标签时再请求数据,同时对点击过的标签页数据进行缓存,下次点击时不再重新请求、渲染数据。

1. 分别请求数据的话,可以用tabs标签的onchange属性,根据参数index的不同来请求不同的数据。

2. 数据缓存的话,可以在首次传参时定义一个变量接收参数值,如果后面传入的参数值等于这个变量值的话就不再向后台请求,直接return;不等的话就再请求。

//对页面进行缓存,避免重复请求
if (this.state.flag == rowData) {
     return
}else{
    this.state.flag = rowData
    // 请求数据的函数
    RegistrationCardModel.getOrdinaryData(rowData)
}

tabs标签页的数据缓存的相关教程结束。

《tabs标签页的数据缓存.doc》

下载本文的Word格式文档,以方便收藏与打印。