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

Question

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

<div v-for="r in rentals"> 
       <div> 
        <a bind-href="'/job/'r.id"> {{ r.job_title }} </a> 
        <br /> 
        <p><strong></strong> - {{ r.location }} 
         <p>{{ r.shortDesc }} </p> 
         <p>{{ r.location }} </p> 
       </div> 
       <hr> 

      </div> 

tôi không thể tìm ra cách để vượt qua các giá trị từ r.id đến cuối cuộc gọi href để tôi có thể thực hiện cuộc gọi API. Bất kì lời đề nghị nào?

Answer 1

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

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

Answer 2

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

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