[Vuejs]-Forloops in VUE to create html tags

by

0👍

✅

Just make sure to set json2 as JS array and everything will work finely. Also, do not forget to set v-model="obj.pkid" on your input if you want Vue reactivity.

<tr v-for="obj in json2">
   <form action="/d" class="f" method="POST" id="target">
      <td>
         {{ obj.pkid }}
         <input type="hidden" name="pkid" v-model="obj.pkid" enctype="application/json">
      </td>
      <td>
         {{ obj.room }}
      </td>
      <td>
         {{ obj.facility }}
      </td>
      <td>
         {{ obj.city }}
      </td>
      <td>
         {{ obj.state }}
      </td>
      <td>
         {{ obj.address }}
      </td>
   </form>
</tr>

Leave a comment