时间戳

首页 > 解决方案 > 有没有办法只在表格上显示特定数据？就像如果数据库中接收的数据包含“SuperAdmin”不显示它？

php - 有没有办法只在表格上显示特定数据？就像如果数据库中接收的数据包含“SuperAdmin”不显示它？

问题描述

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

https://imgur.com/kwTziOG - 这是我的输出。

我已经搜索过这种问题并且没有弹出。

比如说。

['保罗','paul@new.com',['管理员']

['保罗'，'paul@new.com'，['超级管理员']

我只想显示第一个数组。因为它没有 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>

我刚刚显示了数据库中正在获取的所有数据。只是想让它以某种方式过滤它。

标签： phplaravellaravel-5vuejs2

解决方案

我有一段时间没有使用 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>

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

推荐阅读