Javascript Vuejs从远程源获取映像

Javascript Vuejs从远程源获取映像,javascript,api,fetch,vue.js,Javascript,Api,Fetch,Vue.js,我使用下面的代码来检测一个按钮点击,并从unsplash中获取一个图像,该图像具有随机模式 问题是它只工作一次,随机取一个。但是第二次它没有改变 它不是在请求它,只是没有改变它,因为我认为它是同一个URL 我试着删除变量 但还是没有成功,有什么想法吗? 谢谢你可以试着做一些高速缓存制动。我认为是您的浏览器在缓存请求,并为您提供相同的图像。请尝试在请求末尾附加一个随机字符串,如下所示: methods: { getImage: function() { var max =

我使用下面的代码来检测一个按钮点击,并从unsplash中获取一个图像,该图像具有随机模式

问题是它只工作一次,随机取一个。但是第二次它没有改变

它不是在请求它,只是没有改变它,因为我认为它是同一个URL

我试着删除变量 但还是没有成功,有什么想法吗?
谢谢

你可以试着做一些高速缓存制动。我认为是您的浏览器在缓存请求,并为您提供相同的图像。请尝试在请求末尾附加一个随机字符串,如下所示:

 methods: {
    getImage: function() {
        var max = 90000;
        var min = 10000;
        var slug = Math.random() * (max - min) + min;
        vue.styleObject.background = 'url(https://unsplash.it/1920/1080?random&s=' + slug +')';
    }
  }

希望这有帮助

这一切都很好!我没想到。非常感谢。
getImage: function() {
    vue.styleObject.background = '';
    vue.styleObject.background = 'url(https://unsplash.it/1920/1080?random)'
}
 methods: {
    getImage: function() {
        var max = 90000;
        var min = 10000;
        var slug = Math.random() * (max - min) + min;
        vue.styleObject.background = 'url(https://unsplash.it/1920/1080?random&s=' + slug +')';
    }
  }