Как заставить работать директиву vue в динамически добавленном элементе?

Question

[Nik1712]

Есть фрагмент html кода, который выводится vue.js в через директиву v-html ajax-запросом
внутри есть директива v-on:click, вызывающая метод, но она не работает. Как повесить обработчик события?

Answer 1

[Богдан Духевич]

Вы идете против директивы v-html.
Стоит либо усложнять темплейт (отказываться от v-html), либо вешать обработчик выше по DOM на родительский контейнер и проверять event.target.

Answer 2

[Evgeny Kulakov]

Если у вас @click внутри получаемого фрагмента, то работать судя по доке не будет:

Обратите внимание, что содержимое вставляется как обычный HTML — то есть не компилируется как шаблон Vue. Не стоит организовывать вложенные шаблоны с помощью v-html, попробуйте лучше применить компоненты.