Company logo
  • Jobs
  • Bootcamp
  • About Us
  • For professionals
    • Home
    • Jobs
    • Courses
    • Questions
    • Teachers
    • Bootcamp
  • For business
    • Home
    • Our process
    • Plans
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Calculator

0

71
Views
How to implement options using "v-for" with vue?

How can I store the selected option? I am using Vue.js. I have an array of country objects stored in destinations. Each country in this array should be listed as an option. The selected country should be stored in destination. I don't know why but it seems that nothing is stored in destination because if I try to access it I just get NaN.

<fieldset>
    <label for="country">Country</label>
       <select name="country" id="country" v-model="destination">
         <option v-for="dest in destinations" :value="dest" :key="dest">dest.displayName</option>

       </select>
<\fieldset>

Thanks in advance!!

7 months ago ยท Juan Pablo Isaza
Answer question
Find remote jobs