I have 3 freeforms - form 1, form 2 and form 3. I want a select option on which I click and the necessary form opens as per the selection.

Can I render the Freeform which are build using VUE js Select method?

If so how? Because when I try to render Craft.Freeform it shows me this error

enter image description here

1 Answer 1


It sounds to me like you're running into a collision with Vue's template delimiters vs Twig's, which by default are the same as each other ({{ ... }}). The solution is to change Vue's delimiters to something else when you initialise, like this:

const vm = new Vue({
    el: '#app',
    delimiters: ['${', '}'],

You'd then need to use ${ ... } as your Vue delimiters.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.