Comments (3)
hi @sim-one-n-only,
How to reproduce this? Are you using the latest version?
I tried with 12 posts and it works fine
from vue-instagram.
@kevinongko
THIS IS THE INSTAGRAM COMPONENT
<script> import VueInstagram from 'vue-instagram' export default { name: 'app', components: { VueInstagram }, props: { tags: Array, count: Number } } </script><vue-instagram token="TOKEN HERE" username="USERNAME HERE" :count="count" :tags="tags"> <template slot="feeds" slot-scope="props"> <a :href="props.feed.link" target="_blank" class="col-md-3 col-sm-4 col-xs-6 col-flush" v-bind:style="{ 'background-image': 'url(' + props.feed.images.standard_resolution.url + ')' }"> <div class="img-overlay"> <br/><br/> <p>{{props.feed.caption.text}}</p> <br/> <p v-if="props.feed.location"><i class="fa fa-map-marker"></i> <b>{{props.feed.location.name}}</b></p> </div> </a> </template> <template slot="error" slot-scope="props"> <div class="fancy-alert"> {{ props.error.error_message }} </div> </template> </vue-instagram>
THIS IS WHERE THE INSTAGRAM COMPONENT IS USED
<script> import VueScrollClass from 'vue-scroll-class' import Instagram from "@/components/Elements/Instagram"; export default { name: 'app', components: { Instagram }, directives: { 'scroll-class': VueScrollClass, } } </script><h3 class="text-center"> <a href="https://www.instagram.com/explore/tags/fearlessinthecommunity/" target="_blank">#fearlessinthecommunity</a> </h3> <instagram :tags="['fearlessinthecommunity']" :count="30"></instagram> </div>
from vue-instagram.
Hi @sim-one-n-only,
please try again with latest v2.0.0
feel free to open issue if its still a problem
from vue-instagram.
Related Issues (20)
- Add filtering by String HOT 2
- How do I use vue-instagram with waterfall? HOT 2
- Cannot read property 'text' of null HOT 1
- Tutorial: How to fix "This client has not been approved to access this resource." HOT 1
- API Down? HOT 11
- Realtime HOT 1
- Your demo shows no instragram feed? HOT 2
- Unable to use with Vuepress / SSR (browser-jsonp?) HOT 1
- Issue with Content Security Policy (CSP) HOT 1
- Please document the "feed" object HOT 1
- Loading slot? HOT 1
- Vue 3 will deprecate scoped slots HOT 1
- Does this work with new 2019 Instagram Graph API? HOT 3
- Call method on load images HOT 3
- Using carousel with vue instagram HOT 1
- Making it work with the 2020 API change HOT 26
- The access_token provided is invalid.
- 'window is not defined' in 'node_modules\vue-instagram\dist\vue-instagram.min.js'
- No 'Access-Control-Allow-Origin' header is present on the requested resource.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-instagram.