vue数据懒加载
需求:iview级联组件加载本地区域数据时,由于数据量较大,压缩后大概是153k,如果直接import引入数据,加载页面的时候页面会出现2到3秒的卡顿。解决办法:在级联组件触发下拉事件的时候加载数据。代码如下:loadAreaData(){if(this.areaData.length == 0){import('area.js')...
·
需求:iview级联组件加载本地区域数据时,由于数据量较大,压缩后大概是153k,如果直接import引入数据,加载页面的时候页面会出现2到3秒的卡顿。
解决办法:在级联组件触发下拉事件的时候加载数据。
代码如下:
loadAreaData(){
if(this.areaData.length == 0){
import('area.js')
.then(area => {
this.areaData = area.areaDataJson
})
.catch(error => {
});
}
},
这样还是会有问题,就是修改回显还是要加载,还是会卡顿。
解决办法,写一个异步请求(什么请求都可以,主要是让数据加载和页面加载不同步),请求后台,在请求成功以后,调用上面的loadAreaData方法,这样就不卡了,亲测可行
更多推荐
已为社区贡献3条内容
所有评论(0)