解决动态数据获取有延迟问题

在获取数据之前可以加入一个加载中的样式,如果数据获取到了就显示出来

加载提示:

 const loading = this.$loading({
        lock: true,
        text: "Loading...",
        spinner: "el-icon-loading",
        background: "rgba(0, 0, 0, 0.5)"
      });


 setTimeout(() => {
                    loading.close();
                    //数据加载成功后显示弹框
                    this.$refs.role2.roleDetailDialog = true;
                  }, 300);

如图所示
解决动态数据获取有延迟问题_第1张图片

你可能感兴趣的:(解决动态数据获取有延迟问题)