笑颜铁塔 2022-05-02 16:22 采纳率: 0%
浏览 470
已结题

vue里面的img，其中src的地址不变，但是实际上里面存的图片隔一段时间就会变化，但是渲染在前端始终只显示第一次的图片怎么办

vue里面的img，其中src的地址不变，但是实际上里面存的图片隔一段时间就会变化，但是渲染在前端始终只显示第一次的图片怎么办

  • 写回答

1条回答 默认 最新

  • 小蓝阿姨 2022-05-02 16:38
    关注

    图片缓存的原因，你可以在图片尾端加上一个随机数，这是最常用的解决方法。
    我写了一个小例子，你可以参考一下，调用了一个随机图片接口

    <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <img id="random" src="https://www.dmoe.cc/random.php" alt="">
</body>
<script>
  const mImg = document.getElementById('random')
  setInterval(() => {
    // 加一个随机数即可
    mImg.src = 'https://www.dmoe.cc/random.php?random=' + Math.random()
  }, 1000)
</script>
</html>

    记得点击采纳

    评论 编辑记录

报告相同问题？

问题事件

  • 已结题 （查看结题原因） 5月2日
  • 创建了问题 5月2日