Как создать таблицу в VueJs и добавить значения, получаемые базой данных MSSQL в веб-приложении .NET Core

Question

Я создаю таблицу внутри .NET Core Web Application с несколькими строками и столбцами, и содержимое вызывается с помощью MSSQL server с WEB API

Поскольку у меня более одной строки и столбца, мне нужен цикл for внутри моего <div> tag

Это то, что мне удалось найти.

v-for="(FirstName, LastName, UserID) in tableData>

Answer 1

Ваш вопрос не очень повествовательный. Но если вы хотите перебрать результат запроса и динамически сгенерировать строки:

    <tr v-for="user in tableData" :key="user.id">
          <td>{{user.id}}</td>
          <td>{{user.name}}</td>
          <td>{{user.email}}</td>
    </tr>

Свойства, зависящие от строк в ваших таблицах и строк, которые вы хотите вернуть (.id, .name, .email - только примеры здесь)

Answer 2

Если вы пытаетесь зациклить несколько значений из tableData, вы можете деструктурировать его следующим образом:

<tr v-for="{FirstName, LastName, UserID} in tableData" :key="UserID">
<td> {{FirstName}} </td>
<td> {{LastName}} </td>
<td> {{UserID}} </td>
</tr>

Однако ваш вопрос кажется неясным.