如何將Vue數據的值傳遞給href？

Question

試圖做這樣的事情

<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> 

我無法弄清楚如何從r.id傳遞價值的HREF通話結束，所以我可以調用API。任何建議？

Answer 1

您需要使用v-bind:或其別名:。例如，

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

或

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

Answer 2

或者你也可以做到這一點與ES6模板文字：

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