tabs标签页的数据缓存

 

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

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

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

 

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

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

 

//对页面进行缓存，避免重复请求

if (this.state.flag == rowData) {

     return

}else{

    this.state.flag = rowData

    // 请求数据的函数

    RegistrationCardModel.getOrdinaryData(rowData)

}