Charles Lavalard Posted June 18, 2021 Share Posted June 18, 2021 I'm playing around with the GreenSock F.L.I.P plugin and Vue.Js and i stumble on an issue I tried changing the layout with a data property in VueJs instead of a class toggle But I don't know if it could works and why what I have done doesn't Could someone explain why is it so ? See the Pen MWpxEXm by FreeStab (@FreeStab) on CodePen Link to comment Share on other sites More sharing options...
Solution OSUblake Posted June 18, 2021 Solution Share Posted June 18, 2021 Hi Charles! Changes in frameworks are done asynchronously so updates can get batched together. So you need to wait for the DOM to render those changes. https://vuejsdevelopers.com/2019/01/22/vue-what-is-next-tick/ this.flexClass = !this.flexClass; this.$nextTick(() => { Flip.from(state, { absolute: true, duration: 0.5, stagger: 0.05, ease: "power1.inOut" }); }); 2 Link to comment Share on other sites More sharing options...
Charles Lavalard Posted June 18, 2021 Author Share Posted June 18, 2021 Awesome ! Thank you so much 😁 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now