Questions tagged [vue-flickity]
12 questions
2
votes
1 answer
Custom buttons throwing "Flickity is not defined" in Nuxt application using carousel
I am trying to wire my own custom buttons to a flickity carousel in a nuxt application. In my carousel component I have this code
Maxime
- 337
- 2
- 17
2
votes
1 answer
Flickity not hiding on desktop
I want the flickity slider to hide on desktop and larger devices. I think I'm following the instructions in the documentation, they seem pretty straightforward, however, It's not working.
Div looks something like this:
1
vote
0 answers
Vue Flickity Carousel: viewport height 0
I'm stuck with a Flickity library error.
I have a carousel component which uses the Flickity to create the carousel. Everything was working fine until I needed to open this carousel inside a modal component.
When I trigger a button it opens the…
emarzo
- 65
- 10
1
vote
3 answers
Nuxt application throwing error message when using Flickity
I am trying to implement a carousel in a Nuxt application. This is my package.json
"dependencies": {
"@nuxtjs/i18n": "^7.0.3",
"core-js": "^3.15.1",
"flickity": "^2.2.2",
"lodash": "^4.17.21",
"nuxt": "^2.15.7",
…
Maxime
- 337
- 2
- 17
1
vote
1 answer
vue-flickity: how to get selectedIndex into vue data
I'm using vue-flickity for a carousel. There's a
tag with data {{ selectedIndex }}, and a button which gets the current slide number from flickity, and updates selectedIndex. How can I automatically…
ron_g
- 1,474
- 2
- 21
- 39
0
votes
0 answers
Using vue-flickity with vuex-getters
I used flickity-vue in vue2. I don't know how use flickity with getters.
I got data in vuex-actions, and it worked well.
But problem is flickity.
I want it to move like first picture, but it works like second picture.
Code like this.
…
C12H22O12
- 51
- 2
- 7
0
votes
1 answer
Flickity carousel rendering too large and creating horizontal scrolling in Nuxt/Tailwind application
I am using a carousel from Flickity in a Nuxt/Vue app styled with Tailwind. This carousel is in a 12 columns grid starting at the second columns and spanning 11 columns (ending on the right border of the screen). When I resize the screen I sometimes…
Maxime
- 337
- 2
- 17
0
votes
1 answer
Styling a carousel aligned on the left (in a container) to reach the right side of the screen (out of the container)
I have got a flickity-carousel in a container (for centering/alignment purposes) in a Nuxt/Vue application. I would like the carousel to be aligned with the rest of my content on the left side but I would like the carousel to go until the right…
Maxime
- 337
- 2
- 17
0
votes
1 answer
TypeScript + Vue 3 - ReferenceError: variable is not defined
I declare a variable to have type any at the beginning of my