I have a JSON object passed into an EJS template, and I want to achieve the same table structure in VUE.js. However, it seems like v-for in Vue only works with li tags. Is there a way to create a similar loop in VUE that generates HTML elements like shown below in the EJS code? Any suggestions?
<%var json2 = json%>
<%for(var i = 0; i < json2.length; i++) { %>
<%var obj = json2[i];%>
<tr>
<form action="/d" class="f" method="POST" id="target">
<td>
<%= obj.pkid%>
<input type="hidden" name="pkid" value="<%=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>
<%}%>