Javascript 如果计数器的值为0，如何隐藏我的徽章？

下面是html代码，包含徽章和显示徽章的条件

<v-tab ripple>
  <v-badge color="red">
    <template v-slot:badge v-if="invoiceCounter > 0 && hasEditAccess === true"> 
      <span>{{ invoiceCounter }}</span>
    </template>
    Invoicing
  </v-badge>
</v-tab>
    
data() {
  return {
    hasEditAccess: false,
    invoiceCounter: 0,              
  };
},

{{invoiceCounter}}
发票
数据（）{
返回{
hasEditAccess:false，
发票计数器：0，
};
},

您是否使用细枝进行模板渲染？如果我没有弄错您的问题。你可以简单地使用

v-if

你的目标是什么？你想做什么？详细说明一下。如果我的invoiceCounter为0，我希望徽章消失。之前，vueetify的早期版本正在运行。我升级到2.0，即使我的invoiceCounter为0，它也会显示徽章。你是否使用细枝进行模板渲染？如果我没有弄错你的问题。你可以简单地使用

v-if

你的目标是什么？你想做什么？详细说明一下。如果我的invoiceCounter为0，我希望徽章消失。之前，vueetify的早期版本正在运行。我升级到2.0，即使我的invoiceCounter为0，它也会显示徽章。