Adding VUE.JS stops webflow interactions

Hi!

Does anybody tried to use VUE within webflow (not on exported code)?

I was pretty happy that just adding VUE script to the custom code header enabled me to easily write input bindings and events, until I noticed that all interactions I created stopped work.

Is there any workaround to make them work together?

Preview Mode: VUE does not work, but interactions do!
https://preview.webflow.com/preview/admin-tmpl?preview=d4f1474554ee2121e6db2619ab59092a

Published Mode: VUE does work, but interactions don’t!
http://admin-tmpl.webflow.io/

Thanks!

1 Like

A little bit late perhaps but this post is fairly high up when searching for Vue and Webflow.

Vue hijacks all events within the element that is selected as its root. A possible solution is to select a root in which there are no interactions defined lower in the page hierarchy or even to have multiple roots with the same state, if you need to control different areas.

Good luck!

1 Like

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.