vue2用table生成表格布局
时间: 2023-04-04 16:04:21 浏览: 595
可以使用vue2的v-for指令和table标签来生成表格布局,具体实现可以参考以下代码:
<table>
<thead>
<tr>
<th>表头1</th>
<th>表头2</th>
<th>表头3</th>
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in dataList" :key="index">
<td>{{ item.field1 }}</td>
<td>{{ item.field2 }}</td>
<td>{{ item.field3 }}</td>
</tr>
</tbody>
</table>
其中,dataList是一个数组,包含了需要展示的数据,每个元素是一个对象,包含了表格每一列的数据。使用v-for指令遍历dataList,生成表格的每一行。通过{{}}语法,将每个元素的属性值绑定到表格中的每一列。
阅读全文