需求:iview级联组件加载本地区域数据时,由于数据量较大,压缩后大概是153k,如果直接import引入数据,加载页面的时候页面会出现2到3秒的卡顿。

解决办法:在级联组件触发下拉事件的时候加载数据。

 

代码如下:

  loadAreaData(){
      if(this.areaData.length == 0){
        import('area.js')
          .then(area => {
            this.areaData = area.areaDataJson
          })
          .catch(error => {

          });
      }
    },

这样还是会有问题,就是修改回显还是要加载,还是会卡顿。

解决办法,写一个异步请求(什么请求都可以,主要是让数据加载和页面加载不同步),请求后台,在请求成功以后,调用上面的loadAreaData方法,这样就不卡了,亲测可行

Logo

前往低代码交流专区

更多推荐