vue3中1列五行的表格
时间: 2023-12-25 08:13:15 浏览: 10
vue表格自动滚动
在Vue3中实现一个1列五行的表格,你可以使用以下代码:
```html
<template>
<table>
<thead>
<tr>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr v-for="i in 5" :key="i">
<td>Row {{ i }}</td>
</tr>
</tbody>
</table>
</template>
```
在这个例子中,我们使用了`v-for`指令来循环生成5个`<tr>`标签,每个`<tr>`标签都包含一个`<td>`标签,用于显示每一行的内容。最终生成一个包含1列和5行的表格。
当然,你可以根据需要自定义表格的样式和内容。
阅读全文