Click here to Skip to main content
15,867,568 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
I have a form in which two inputs have the type of 'select that one of them depends on the another, the first inputs called Areas which gets its options dynamically from the server and the other one which called City gets its options based on the Area input.

That was the code in HTML:

HTML
<select v-model="areaSelected">												 
  <option v-for="area in areas" :key="area.id" :value="area.id">						 
    {{area.ar_name}}
  </option>
</select>


I want to convert it into Vue.JS code using InputFormulate.

What I have tried:

This what I did, but didn't work:

HTML
<FormulateInput
  v-model="areaSelected"
  v-for="area in areas"
  :key="area.id"
  :value="area.id"
  :options="area.ar_name"
  type="select"
  placeholder="المنطقة"
  label="اختر المنطقة"
/>
Posted

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900