在vue.js中渲染时删除最后一项

我面临一个问题，即即使没有与之相关联的标题（如JSON中所示），也会呈现一个项目。请参阅随附的屏幕截图，它将使您了解我的问题，标记为红色。我知道这是由于我的JSON中的lid导致的，vue在没有任何关联的I.e Title值的情况下为其呈现lid。我如何解决这个问题。渲染时是否有方法删除最后一项，或者是否有其他方法？。我需要this.dino中的盖子，但在我的vue应用程序中渲染时不需要它。是否有一种方法可以在呈现时从JSON中弹出最后一项

<div id="vue-app">
          <div id="myList" v-for="item in items">
                <p>{{item.Title}}</p>
<button v-on:click="loadmore()" class="fluid ui button">Load More</button>

下面是我的JSON

[
  {
    "Title": "HealthXP1"
  }, 
  {
    "Title": "HealthXP2"
  },
{
    "Title": "HealthXP3"
  },
{
    "lid": "A1234567890"
  }
]

---

您可以将“v-if”或“v-show”指令用作：

<div id="vue-app">
          <div id="myList" v-for="item in items" v-show="item.Title">
                <p>{{item.Title}}</p>
<button v-on:click="loadmore()" class="fluid ui button">Load More</button>

---

如果定义了item.Title，则将在列表中显示该项，否则它将不会在DOM中呈现

您可以使用返回items.slice0、items.length-1的computed属性，其中的项多于Title。例如描述、图像、url等。在任何地方都使用v-show是不可行的。然后，您可以检查item.lid是否已定义。如果不显示项目，我添加了代码，正如您所提到的，每个项目都有一个标题，而带lid的项目没有标题，因此，这似乎是一个正确的方法，因为只有盖子的物品不会显示为标题，没有定义。我能用你的解决方案解决我的问题。我从Python的角度考虑的更多，因此我认为我需要对我的描述、图像进行更改，以包括v-show。但没想到仅仅添加v-show，我的所有其他属性也会通过添加一次v-show来反映变化。

<div id="vue-app">
          <div id="myList" v-for="item in items" v-show="item.Title">
                <p>{{item.Title}}</p>
<button v-on:click="loadmore()" class="fluid ui button">Load More</button>