How to pass a value from Vue data to href

Question

I m trying to do something like this    lt div v-for  r in rentals  gt     lt a bind-href    job  r id  gt     r job title     lt  a gt   lt  div gt      I can t figure out how to add the value of r id to the end of the href attribute so that I can make an API call  Any suggestions

User · Answer

If you want to display links coming from your state or store in Vue 2 0  you can do like this    lt a v-bind href      gt         url link     lt  a gt

User · Answer

You need to use v-bind  or its alias    For example    lt a v-bind href    job    r id  gt    or    lt a  href    job     r id  gt

User · Answer

Or you can do that with ES6 template literal    lt a  href    job   r id

[vue.js] How to pass a value from Vue data to href?

Examples related to vue.js

Examples related to vue-router