Làm cách nào để chuyển một giá trị từ dữ liệu Vue sang href?

Tôi đang cố gắng làm một cái gì đó như thế này:

<div v-for="r in rentals">
  <a bind-href="'/job/'r.id"> {{ r.job_title }} </a>
</div>  

Tôi không thể tìm ra cách thêm giá trị r.idvào cuối hrefthuộc tính để tôi có thể thực hiện cuộc gọi API. Bất kỳ đề xuất?

Bạn cần sử dụng v-bind:hoặc bí danh của nó :. Ví dụ,

<a v-bind:href="'/job/'+ r.id">

hoặc là

<a :href="'/job/' + r.id">

Hoặc bạn có thể làm điều đó với mẫu ES6 bằng chữ:

<a :href="`/job/${r.id}`"

Nếu bạn muốn hiển thị các liên kết đến từ tiểu bang hoặc cửa hàng của bạn trong Vue 2.0, bạn có thể làm như thế này:

<a v-bind:href="''"> {{ url_link }} </a>