Javascript Vue.js v-if带或不带'；我不能正常工作

我的代码中有一个逻辑错误，但我不明白为什么

如果用户在名为

basicport

的组中，或者在名为

Basic

的组中，我想隐藏名为

History

的选项卡

<v-tab v-if="!basicGroup && !basicSportGroup" title="History">
    <app-histories></app-histories>
</v-tab>

我通过以下方式实现了这些选项卡：

<template>
  <div>
    <div class="row" >
      <button class="btn btn-primary" style="margin-bottom:20px" @click="changeSelectedComp">Back</button>
      <button class="btn btn-primary" style="margin-left:1000px" @click="EditMode">Edit</button>
    </div>

    <vue-tabs>
      <v-tab title="Basic">
        <app-players></app-players>
      </v-tab>
      <v-tab v-if="(!basicGroup || !basicSportGroup)" title="History">
        <app-histories></app-histories>
      </v-tab>
      <v-tab v-if="!basicGroup" title="Timetable">
        <app-timetables></app-timetables>
      </v-tab>
      <v-tab v-if="!basicGroup" title="Scholarship">
        <app-scholarship></app-scholarship>
      </v-tab>
    </vue-tabs>
  </div>
</template>

该选项卡不会显示：

我不明白为什么第二个有效，但第一个无效，因为OR不是唯一的。 如果用户在

basicport

或在

Basic

组中，如何隐藏

History

选项卡

---

如果“用户在名为

basicport

的组中，或者如果他在名为

Basic

的组中，则您要隐藏它”（1）

因此，如果用户不在

basicport

中，而不在

Basic

中，您希望显示它。(二)

你的逻辑应该是：

(1)
<v-tab v-if="!(basicGroup || basicSportGroup)" title="History">
  <app-histories></app-histories>
</v-tab>

（1）

或

（2）

如果“用户在名为

basicport

的组中，或者他在名为

Basic

的组中，您希望隐藏它”（1）

因此，如果用户不在

basicport

中，而不在

Basic

中，您希望显示它。(二)

你的逻辑应该是：

(1)
<v-tab v-if="!(basicGroup || basicSportGroup)" title="History">
  <app-histories></app-histories>
</v-tab>

（1）

或

（2）

您必须使用

&&

运算符，而不是

|

运算符，因为您只想在

基本端口

而不是

基本

中显示该运算符

<v-tab v-if="!basicGroup && !basicSportGroup" title="History">
    <app-histories></app-histories>
</v-tab>

---

或者你也可以试试

！（basicGroup | | BasicPortGroup）

您必须使用

&&

运算符，而不是

|

运算符，因为您只想在不在

BasicPort

而不在

Basic

中显示该运算符

<v-tab v-if="!basicGroup && !basicSportGroup" title="History">
    <app-histories></app-histories>
</v-tab>

---

或者你也可以试试

！（basicGroup | | | BasicPortGroup）

尝试将

| |

替换为

&

，当

a | | b

为真时（如果这是两种情况之一），您想隐藏（

！

）。意思是

！（a | | b）

，与

相同！a&&！b

。使用上述任何一种方法，只要

a

或

b

是真实的，您就隐藏了选项卡。尝试将

|

替换为

&

，当

a | | b

是真实的（如果是两种情况之一）时，您想隐藏（

！

）。意思是

！（a | | b）

，与

相同！a&&！b

。使用上述任一项，只要

a

或

b

是真实的，您就隐藏了选项卡。您可以在此处了解更多信息：您可以在此处了解更多信息：