Vuejs2 是否有条件地在Vuejs中隐藏段落?

Vuejs2 是否有条件地在Vuejs中隐藏段落?,vuejs2,Vuejs2,我正试图解决这个问题。我有一个下拉列表,该段落应该只显示第一个和第二个选项。现在,通过一个按钮或复选框就很容易做到。我该如何通过下拉列表 我创建了一个代码笔用于演示。我知道这一段应该绑定到值,但执行起来很困难 <div id="app"> <v-app id="inspire"> <v-layout row wrap> <v-flex xs3> <v-select :items="items"> &l

我正试图解决这个问题。我有一个下拉列表,该段落应该只显示第一个和第二个选项。现在,通过一个按钮或复选框就很容易做到。我该如何通过下拉列表

我创建了一个代码笔用于演示。我知道这一段应该绑定到值,但执行起来很困难

 <div id="app">
 <v-app id="inspire">
   <v-layout row wrap>
  <v-flex xs3>
        <v-select :items="items">
   </v-select>
    </v-flex> 
   <span class="title text-xs-center">How to Show This paragraph for First 
and Second Item only</span>
  </v-layout>  
  </v-app>
 </div>


  new Vue({
 el: '#app',
 data(){
   return{
    items: [
    'Item1',
    "Item2",
    "Item3",
      "Item4"
    ]
  }
 }
})

如何首先显示此段落
只有第二项
新Vue({
el:“#应用程序”,
数据(){
返回{
项目:[
"项目1",,
“项目2”,
“项目3”,
“项目4”
]
}
}
})

提前感谢。

因此您需要将
v-select的选定值绑定到一些数据。在下面的示例中,我使用了
v-model
,数据称为
item


如何仅针对第一项和第二项显示此段落
newvue({
el:“#应用程序”,
数据(){
返回{
项目:“项目2”//