Question

我已经从数据库中获取了所有数据，并将其显示在vue组件上。但是，如何在表格上显示特定数据？就像数据库结果包含用户类型“ SuperAdmin”一样如果您发现与“ SuperAdmin”相关的数据

，我希望对其进行过滤，使其不显示

我已经搜索了这种问题，但没有弹出。

例如。

['Paul'，'paul@new.com'，['Admin']

['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，但是如果我没记错的话，可以只使用'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>

希望这回答了您的问题，祝您好运！

有没有一种方法可以仅在表格上显示特定数据？例如，如果数据库中接收的数据包含“ SuperAdmin”，则不显示它？

1 个答案: