vue如何解决页面切换延时的问题

 时间:2024-10-13 18:45:25

1、默认<lazy-render> <my-component></my-component></lazy-render>

vue如何解决页面切换延时的问题

2、trackByData<lazy-render :data="myArray" :time="300" :limit="50" track-by-data> <my-component :data="myArray"></my-component></lazy-render>

vue如何解决页面切换延时的问题

3、定义的方法很简单,在data定义的show初始值为false,在需要延迟加载时,会用一个setTimeout来将show设为true,当show变为true时,组件才可以渲染,从而达到延迟渲染的目的。组件开始渲染时,会触发loaded事件。

vue如何解决页面切换延时的问题

4、在页面进入时,开启如果不是track-by-data模式,则每次路由切换时,开启

vue如何解决页面切换延时的问题

5、如果是track-by-data模式,则数组变化时,开启。由于我的页面中,有些表格是在弹层中展示的,同一个组件,可能每次打开弹层时,数据都不一样

vue如何解决页面切换延时的问题

6、一开始打算用这种方法来实现延迟的,后来加了immediately,感觉这个track-by-data模式完全没有意义了,用了反应会造成不必要的重新渲染。

vue如何解决页面切换延时的问题
  • 如何使用在线工具的crontab时间计算
  • windows7安装Mariadb
  • HTML怎么导入css的外联式?
  • 颖川之战怎么过
  • C#用Vs打包程序教程实现获取安装路径及卸载功能
  • 热门搜索
    鸡胸脯肉的做法大全 骨头汤的做法 墨鱼的做法大全 酱排骨的家常做法 盐水鸡的正宗做法 朝鲜面的做法 白带有血丝是怎么回事 锅贴饺子的做法 豆腐脑卤的做法 水煮鱼的家常做法