In my Vue application, I am using a v-for loop v-for="item in resultQuery" and outputting a link within this loop:
<a v-bind:href="item.url">
<h2 class="title" v-html="item.title" v-bind:title="item.title"></h2>
</a>
In some cases, the item.url includes parameters in the URL like:
/?utm_source=XYZ&utm_medium=XYZ&utm_campaign=XYZ
When rendered, Vue.js converts it to:
/?utm_source=XYZ&utm_medium=XYZ&utm_campaign=XYZ
This conversion causes issues for Google Analytics because it cannot interpret the HTML entities = and displays a broken link.
Is there a way to display the link without having the = converted to =?