Skip to content

Instantly share code, notes, and snippets.

@nabrown
Last active June 5, 2018 18:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nabrown/d2659def6d863089362af500c63c535c to your computer and use it in GitHub Desktop.
Save nabrown/d2659def6d863089362af500c63c535c to your computer and use it in GitHub Desktop.
Instagram Gallery HTML
<div id="app">
<h1><a :href="instapage">@{{ username }} on instagram</a></h1>
<template v-if="grams.length > 0">
<div v-for="(gram, index) in grams">
<a :href="gram.link">
<img :src="gram.images.standard_resolution.url" :alt="gram.text" />
</a>
</div>
</template>
<div v-else class="loading"></div>
<div v-if="error" class="error">Sorry, the Instagrams couldn't be fetched.</div>
<button @click="getMoreGrams">Load More</button>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment