这个怎么做? 2023-02-16 10:18 采纳率: 47.3%
浏览 28
已结题

解决问题的想法是异步引入组件但后等待图片加载,加载完成后展示页面

Vue3可能是请求发起太多导致的加载速度慢,页面显示时图片还在加载,看起来特别不舒服。
解决问题的想法是异步引入组件但后等待图片加载,加载完成后展示页面,不过不知道如何实现
或者各位大lao有更好的主意也可以

img

img


img

  • 写回答

2条回答 默认 最新

  • 崽崽的谷雨 2023-02-16 10:32
    关注
    
    可以使用Vue3的异步组件功能来实现异步加载组件,并在组件加载完成后再加载图片,以此来解决页面加载速度慢的问题。具体实现方法如下:
    1. 在Vue3中使用异步组件功能,将组件定义为异步组件:
    const AsyncComponent = () => ({
        component: import('./AsyncComponent.vue'),
        loading: LoadingComponent,
        error: ErrorComponent,
        delay: 200,
        timeout: 3000
    });
    2. 在组件加载完成后,再加载图片:
    mounted() {
        this.$nextTick(() => {
            // 加载图片
        });
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 3月14日
  • 已采纳回答 3月6日
  • 创建了问题 2月16日

悬赏问题

  • ¥15 关于#ar#的问题:/* User can add his own implementation to report the HAL error return state */(语言-c语言)
  • ¥15 ImportError: DLL load failed while importing _iterative: 找不到指定的模块。
  • ¥15 如何通过交互分析得出某高危患者对放疗获益更多
  • ¥15 相关性分析中,p<0.05, r=0.29,怎么评价相关性呢
  • ¥15 docker部署Mongodb后输入命令报错?
  • ¥15 将下列流程图转变成python程序代码
  • ¥15 我需要全国每个城市的最新小区名字等数据。
  • ¥15 开发一个小区生态的小程序
  • ¥15 如何解决Excel中dependent dropdown list 的问题
  • ¥15 MddBootstrapInitialize2失败