Как получить значение кликнутого элемента и передать его в другой элемент?

Question

[Gregory]

Добрый день. имеется массив из объектов, который выводится на странице в тегах ссылки.
По клику на ссылку открывается модальное окно с изображением и названием.

Как с помощью вью передать текст из ссылки (это объект, в котором одна из переменных name именно она и выводиться в ссылку) в название в модальном окне?
код с массивом из ссылок

<div v-for="gene in genes" class="tbl-row row">
    <div class="gen-name col-xs-3 col-md-3">
        <a  href="#geninfo" data-toggle="modal" class="gen-btn">{{gene.name}}</a>
    </div>
</div>

модальник

<div class="modal-body row">
    <figcaption  class="gen-chart-title">{{сюда необходимо вывести переменную, на которую пользователь кликает}}</figcaption>
</div>

Answer 1

[0xD34F]

Можно завести в data свойство, отвечающее за выбранный элемент, выводить его в модальном окне, а значение устанавливать при клике на ссылку. Типа так.

Comments

[Gregory]

0xD34F, благодарю, как всегда выручили. :)