我有一个问题,GIPHY API总是返回相同的结果。而且我非常确定这不是因为我以某种方式存储了先前的结果并一次又一次地发布。例如,我输入“ dog”并要求5个结果。我得到5个gif文件,然后刷新页面并重复该过程,并获得完全相同的gif文件。
是否有一个优雅的解决方案,每次发出请求时都可以随机获取gif?
我想到的解决方案是:当我重复请求时,我会(在幕后)请求10个gif,然后从这些新的10个gif中仅在页面上发布5个新的gif,但是这种解决方案在所需的gif数量将变大。
到目前为止,这是我的代码:
<v-container>
<v-layout text-center wrap>
<v-flex xs12>
<v-img :src="require('../assets/logo.svg')" class="my-3" contain height="200"></v-img>
</v-flex>
<v-text-field label="Search" outlined rounded v-model="searchText"></v-text-field>
<v-btn outlined rounded block @click="findGIF">Search</v-btn>
<div class="gifs" v-show="showGIFs" ref="gifs">
<div v-for="(gif, index) in gifs" :key="index">
<img class="gif" :src="gif.preview" />
</div>
</div>
</v-layout>
</v-container>
谢谢!
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。