在vue中，我想用v来绘制表格

8cdiaqws 于 2022-12-04 发布在 Vue.js

关注(0)|答案(1)|浏览(163)

下面是我的js数组。

mydata:[1,2,3,4,5,6,7,8,9]

这就是我想要结果
1 2 3年
四五六
七八九
在VanilaHTML中，

<table>
<tr>
  <td>1</td><td>2</td><td>3</td>
</tr>
<tr>
  <td>4</td><td>5</td><td>6</td>
</tr>
<tr>
  <td>7</td><td>8</td><td>9</td>
</tr>
</table>

1，2，3 ...数据只是示例。它可以是字符串或其他数据类型

vue.js

来源：https://stackoverflow.com/questions/74636699/in-vue-i-want-draw-table-by-v-for

1条答案

按热度按时间

gmxoilav1#

<template>
  <table>
    <tr v-for="row in Math.floor(mydata.length/3)">
      <td v-for="col in 3">{{ mydata[(row-1)*3+(col-1)]}}</td>
    </tr>
  </table>
</template>

赞(0）回复(0）举报 2022-12-04

我来回答

在vue中，我想用v来绘制表格

1条答案

相关问题

热门标签

最新问答