How to add a variable to the href link attribute in vue js?

Question

Vue.js

I do something like this:

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

where item.slug is the variable to be attached. Doesn't work. Tried ${ item.slug }it, not the same. How to pass a variable there?

Answer 1

Tag attributes must be constructed using v-bind (v-bind:href or :href).
If an object is used inside quotes, then it is perceived as an attribute selector, if a string, then the string is glued together in the final value of the attribute.

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