Question

我是Vuetify的新手，我有一个列表，其中包含其他三个列表，并且我正在尝试使用表格将每个列表中的信息打印出来。这是我的代码：

这是表格的代码：

 <tr
   v-for="items in rows">
     <td v-for="things in items">{{things}}</td>
 </tr>

这是我的清单：

rows: [
    [
      'Nick',
      '19',
      'male'
    ],
    [
      'Bill',
      '23',
      'male'
    ],
    [
      'Kathy',
      '22',
      'female'
    ],
  ]

我尝试过，但是它打印了三个列表三遍，但是我的目标是使一个列表中的元素显示在一行中。先感谢您。第一次发布问题，请指出我使用的所有非正式样式！

Answer 1

查看我制作的这段代码：

https://codesandbox.io/s/elastic-agnesi-1hl1e

编辑

html代码：

<div id="app">
        <table>
            <tr v-for="item in rows">
                <td v-for=" thing in item ">{{ thing }}</td>
            </tr>
        </table>
    </div>

js代码：

var app = new Vue({
  el: "#app",
  data: function() {
    return {
      rows: [
        ["Nick", "19", "male"],
        ["Bill", "23", "male"],
        ["Kathy", "22", "female"]
      ],
      greetings: "Hello, I'm Joe"
    };
  }
});

如何在Vuetify中的表格中显示嵌套列表

1 个答案: