Есть ли способ отображения только определенных данных в таблице?например, если данные, принимаемые в базе данных, содержат 'SuperAdmin', не отображать их?

Question

Я уже получил все данные из базы данных и отобразил их в моем компоненте vue. Но как я могу отображать конкретные данные в таблице? Например, если результаты из базы данных содержат тип пользователя «SuperAdmin» Я хотел отфильтровать его, как не отображать, если вы найдете данные, связанные с 'SuperAdmin'

https://imgur.com/kwTziOG - Вот мой вывод.

Я искал проблему такого рода, и ничего не всплыло.

Скажем, к примеру.

[ 'Paul', 'paul@new.com', [ 'Администратор']

['Paul', 'paul@new.com', ['SuperAdmin']

Я просто хочу отобразить первый массив. Поскольку у него нет типа пользователя SuperAdmin.

<tr v-for="user in users.data" :key="user.id">
<td>{{user.id}}</td>
<td>{{user.name}}</td>
<td>{{user.email}}</td>
<td>{{user.type}}</td>
<td>{{user.created_at |myDate}}</td>
<td>
    <a href="#" @click="editModal(user)">
        <i class="fa fa-edit"></i>
    </a>
            /
    <a href="#" @click="deleteUser(user.id)">
        <i class="fa fa-trash red"></i>
    </a>

</td>
</tr>

Я только что отобразил все данные, извлекаемые в базе данных. Просто хотел, чтобы это как-то отфильтровывалось.

Answer 1

Я не использовал Vue в alittle, но если я правильно помню, вы можете просто использовать 'v-if', и он будет отображать данные условно. Ниже приведен пример того, как это можно сделать.

Возможное решение

<tr v-for="user in users.data" :key="user.id">
<div v-if="user.type == 'SuperAdmin'">
<td>{{user.id}}</td>
<td>{{user.name}}</td>
<td>{{user.email}}</td>
<td>{{user.type}}</td>
<td>{{user.created_at |myDate}}</td>
<td>
    <a href="#" @click="editModal(user)">
        <i class="fa fa-edit"></i>
    </a>
    <a href="#" @click="deleteUser(user.id)">
        <i class="fa fa-trash red"></i>
    </a>
</td>
</div>
</tr>

Надеюсь, что это ответ на ваш вопрос, удачи!