I'm using egjs-flicking for Vue2 project.
I want it to use different align option on mobile and desktop screen sizes.
Is there a way to change without destroying/init?
How to update options after init in egjs-flicking?
14 Views Asked by Alex Buznik At
1
There are 1 best solutions below
Related Questions in VUE.JS
- Problems with matter.js and i18n in vue.js
- Form Validation not working in custom component Vue
- Authenticating vue app on each route change
- Vue/TailwindCSS - Content is behind Sidebar
- Vue3 Suspense Parent > Child Animation
- Pass dynamic object data via nuxt-link to component
- Failed to resolve import, but the path is valid, and detected as such by VSCode
- how to use less variables in vue components?
- Prevent a webpage from navigating away
- Creating a modal window in product edit page in Shopware6 and saving data to custom table(repository) from a form within the modal window
- How do I fix (or ignore) a TypeScript error that's inside a HTML template?
- Vue.js Checkbox Alignment Issue: Centering Checkboxes Within Table Cells
- How to reset vue product filter?
- Vue display output of two dimensional array
- vue js error when adding bonus items to another item
Related Questions in VUEJS2
- Vuetify Calendar exclude events that are in the next and previous months from view
- How to dynamically add two v-text-fields to a form when a button is clicked and uniquely identify them
- Vue 2 Jest - [Vue warn]: Cannot find element: #app
- On Vue 2 : You have included the Google Maps JavaScript API multiple times on this page. This may cause unexpected errors
- Vue Functional Components Re-render Entirely vs. Single SPA Component Re-render
- Vue 2 draggable not reactive when v-model value is an iterable of parent tag
- How to toggle a v-if
- Vue unable to parse template literal when string contains HTML
- difference between vuejs local registration syntax
- Keep filter values in previous page when navigating
- Vuejs-Datepicker: It shows up but is not working, not clickable or anything else and i dont know why?
- Apex Charts Rendering with vertical lines
- How to update options after init in egjs-flicking?
- Cannot find module in my Nuxt 2 Typescript application: I`m getting error TS2307 when running my Jest tests
- Different behavior of capacitor-rate-app plugin in android and iOS
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
Landed on the solution like this:
Added on
resizeevent handler with stores if it's a mobile screen in the component data, also two flags to understand its current size and if it has gone from mobile to desktop (or the other way around), and updating theFlickingoptions object to switchalign.Using
:keyon theFlickingcomponent to recreate it when it's gone from mobile to desktop (see flags above)So after the window has gone from mobile to desktop or screen (or vice versa) the component is recreated without triggering
destroy/initmanually. Seems to suffice for now.