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

New contributor
Priti Mills is a new contributor to this site. Take care in asking for clarification, commenting, and answering. Check out our Code of Conduct.

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

Priti Mills is a new contributor. Be nice, and check out our Code of Conduct.

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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