How to loop JSON in API use Vue.js

Asked Sep 16 '17 at 19:57

Active Sep 16 '17 at 20:20

Viewed 207 times

I have a json located in http://example.com/json
The result of json is like this :

{"result":[{"id":"1","lob_group_desc":"ENTERPRISE"},{"id":"2","lob_group_desc":"SME"}]}

How to loop them in <select>
What I expected was like this :

<select class="form-control" id="component">
   <option>ENTERPRISE</option>
   <option>SME</option>
 </select>

asked Sep 16 '17 at 19:57

Abid Rakhmansyah

https://stackoverflow.com/questions/9895082/javascript-populate-drop-down-list-with-array – Satish Kumar Sep 16 '17 at 20:17
@SatishKumar what i want is using Vue.js :\ – Abid Rakhmansyah Sep 16 '17 at 20:18
Yes I know , I shared the link for reference. You can get an idea from that link. – Satish Kumar Sep 16 '17 at 20:20
What you can do is parse the Json data and form an array of **lob_group_desc** . Then you can loop through it in html and add it as option to your select. – Satish Kumar Sep 16 '17 at 20:22

0 Answers0