<p>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 (<code>{{ ... }}</code>). The solution is to change Vue's delimiters to something else when you initialise, like this:</p>
<pre><code>const vm = new Vue({
    el: '#app',
    delimiters: ['${', '}'],
    ...
    ...
});
</code></pre>
<p>You'd then need to use <code>${ ... }</code> as your Vue delimiters.</p>

CC BY-SA 4.0
2021-05-04T06:35:07.080Z
2021-05-04T06:35:07.080Z
James Smith
<p>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.</p>
<p>Can I render the Freeform which are build using VUE js Select method?</p>
<p>If so how? Because when I try to render Craft.Freeform it shows me this error</p>
<p><a href="https://i.sstatic.net/fEaLe.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/fEaLe.png" alt="enter image description here" /></a></p>

<craft3><plugin-craftcommerce><plugin-freeform><vue>
Freeform to show via Vue Js
# Freeform to show via Vue Js

(Asked by: username_0 on 2021-05-03)

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](https://i.sstatic.net/fEaLe.png)](https://i.sstatic.net/fEaLe.png)

**Tags:** craft3, plugin-craftcommerce, plugin-freeform, vue

---

## 1 answers

### Answer by username_1 on 2021-05-04. Score: 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.


---

