Vue डेटा से href पर मान कैसे पास करें?

Question

मैं ऐसा कुछ करने की कोशिश कर रहा हूँ:

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

मैं यह पता नहीं लगा सकता कि विशेषता r.idके अंत का मूल्य कैसे जोड़ा hrefजाए ताकि मैं एक एपीआई कॉल कर सकूं। कोई सुझाव?

Answer 1

आपको v-bind:इसके उपनाम का उपयोग करने की आवश्यकता है :। उदाहरण के लिए,

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

या

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

Comments

Im दोनों के साथ एक संकलन त्रुटि हो रही है भले ही यह काम करना चाहिए। शायद यह एक समस्या है क्योंकि यह एक v के लिए है?

— 23

इसे "+" की आवश्यकता थी। इसने <a :href="'/job/' + r.id"> {{r.job_title}} </a> </a> पर काम किया

— bbennett36

Answer 2

या आप ES6 टेम्पलेट शाब्दिक के साथ कर सकते हैं:

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

Answer 3

यदि आप Vue 2.0 में अपने राज्य या स्टोर से आने वाले लिंक प्रदर्शित करना चाहते हैं, तो आप ऐसा कर सकते हैं:

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