I have a template with Vue.js attributes and bindings. For instance:
<a v-on:click="loadAdditionalBusinesses()"
v-if="!additionalBusinesses"
class="btn btn-info btn-sm btn-block">Load additional profiles</a>
<div v-if="additionalBusinesses" v-html="additionalBusinesses"></div>
Once I click the anchor tag, I am downloading only HTML content through AJAX instead of JSON data. This HTML includes some Vue.js attributes such as:
<a v-on:click="doSomething()">
However, even though the "doSomething" method is defined within the proper Vue.js object and the tag is nested in the correct node, it does not get invoked. This could be because, I suspect, Vue did not parse this HTML after the AJAX call. Is there a way to 'reparse' such HTML?