Как во vue js подсунуть добавить переменную в атрибут ссылки href?

Question

[Иван]

Делаю примерно так:

<span> Вы получили предложение от пользователя <a href="users/{{ item.slug }}">{{ item.name }}</a></span>

где item.slug переменная, которую надо приклеить. Не срабытывает. Пробовал ${ item.slug }, тоже не то. Как правильно передать туда переменную?

Comments

[Вадим]

Эх была бы у vue нормальная документация...

Answer 1

[alexalexes]

Атрибуты тегов конструировать нужно при помощи v-bind (v-bind:href или :href).
Если внутри кавычек используется объект, то он воспринимается как селектор атрибутов, если строка - то склеивается строка в итоговом значении атрибута.

<span> Вы получили предложение от пользователя <a v-bind:href="'users/' + item.slug">{{ item.name }}</a></span>

Comments

[Иван]

Спасибо.