Streaming live at 10am (PST)

FIX for VueJS "v-bind:href" not working in webflow

To those who were scratching your heads with “v-bind:href” not working with VueJS, I tracked down the cause of the issue: The href=’#’ attribute that Webflow adds to any link element ends up breaking the dynamic binding from Vue. To fix, drop the code below in the project settings (This needs to happen before Vue initialization)

<!-- START - Fix for "href" attributes for VueJS components-->
<script>
document.querySelectorAll("[v-bind\\:href]").forEach((dynamicAnchor)=>{
	dynamicAnchor.removeAttribute("href");
})
</script>
<!-- END - Fix for "href" attributes for VueJS components-->
1 Like