《泰拉瑞亚下载-1.4.2.3版》 泰拉瑞亚服务器 - MOD模组下载

入驻泰拉战网 新手指引 - 升级 - 师徒

泰拉瑞亚合成表 泰拉卡牌 - 泰拉江湖 - 泰拉刺客

联系泰拉开发组👈进入 积分市场 - 房产交易 - 水晶获取

查看: 34087|回复: 0

Vue实现图片预加载

[复制链接]

431

主题

77

回帖

8

广播

论坛版主

积分
214
泰拉
0
水晶
10
铜钥匙
0
银钥匙
0
金钥匙
0

【江湖新秀】【宝剑回鞘】【泰拉达人】【奥运选手】

发表于 2022-6-29 15:21:03 | 显示全部楼层 |阅读模式
技术交流
文章类型: 站长进阶
涉及领域: VUE 
内容难度: 困难



[mw_shl_code=javascript,true]methods: {
    preload: function() {
      let imgs = [
        "static/img/back.gif",
        "static/img/correct.png",
        "static/img/cover.gif",
        "static/img/errExpress.png",
        "static/img/error.png",
        "static/img/ply.png",
        "static/img/q1.png",
        "static/img/q1a.png",
        "static/img/q1b.png",
        "static/img/q1c.png",
        "static/img/q1d.png",
        "static/img/share.png",
        "static/img/start.png",
        "static/img/stop.png"
      ]

      for (let img of imgs) {
        let image = new Image()
        image.src = img
        image.onload = () => {
          this.count++
          // 计算图片加载的百分数,绑定到percent变量
          let percentNum = Math.floor(this.count / 14 * 100)
          this.percent = `${percentNum}%`
        }
      }
    },

  },[/mw_shl_code]
[!luckypost!]: mickeyort 捡了钱没交公 泰拉 降了 10 . !lucky_goodrank! / !lucky_badrank!
我自豪的选择游芯沙盒作为主页!!!
您需要登录后才可以回帖 登录 | 注册账号

本版积分规则

关注公众号
友链申请|Archiver|手机版|小黑屋|游芯沙盒

相关侵权、举报、投诉及建议等,请发 E-mail:admin@discuz.vip

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.|陕ICP备11006283号-1

在本版发帖
关注公众号
QQ客服返回顶部