Javascript 根据项目的类型获取具有条件呈现的项目

有一个列表，其中的数据根据其特定类型进行隔离

要完成的任务：-仅显示所需类型的项目

导出默认值{
数据（）{
返回{
项目：{
{
类型：“a”，
文本：“文本A”
},
{
类型：“b”，
文本：“文本B”
},
{
类型：“b”，
文本：“文本B-1”
},{
类型：“a”，
案文：“案文A-2”
}
}
}
}

{{item.text}

您应该在

v-for

循环中放置一个条件渲染，如：

<div >
  <div v-for="(item,key) in items">
  <p v-if="item.type == 'a'">{{item.text}}</p>
  </div>
</div>

在模板内部：

 <div >
  <div v-for="(item,key) in itemsTypeA">
  <p>{{item.text}}</p>
  </div>
</div>

{{item.text}

我的回答解决了你的问题吗？@Boussadjra Brahim我们可以在v-tabs中这样做吗？比如将类型放置在v-tabs中并在v-tab-item中显示其文本吗？我们可以在v-tabs中这样做吗？比如将类型放置在v-tabs中并在v-tab-item中显示其文本吗？

 <div >
  <div v-for="(item,key) in itemsTypeA">
  <p>{{item.text}}</p>
  </div>
</div>