Vue.js 如何在v-select组件vuetify上设置过滤条件？

我想知道我是否可以在v-select中设置一个条件，使其仅显示必要的选项。下面是一个例子

<div id="app">
  <v-app id="inspire">
    <v-container fluid grid-list-xl>
      <v-layout wrap align-center>
        <v-flex xs12 sm6 d-flex>
          <v-select
            :items="items"
            label="Select an option"
            item-text ="name"
            item-value = "name"
          ></v-select>
        </v-flex>
      </v-layout>
    </v-container>
  </v-app>
</div>


new Vue({
  el: '#app',
  data: () => ({
    items: [
      {
        name : 'abc', type : 'test'
      },
      {
        name : 'xyz', type : 'dev'
      },
      {
        name : 'lmn', type : 'test'
      }
    ]
  })
})

新Vue({
el:“#应用程序”，
数据：（）=>({
项目：[
{
名称：“abc”，类型：“测试”
},
{
名称：“xyz”，类型：“dev”
},
{
名称：“lmn”，类型：“测试”
}
]
})
})

这里我只需要显示类型为“test”的选项。

为此，您可以使用它来过滤列表并进行渲染

<div id="app">
  <v-app id="inspire">
    <v-container fluid grid-list-xl>
      <v-layout wrap align-center>
        <v-flex xs12 sm6 d-flex>
          <v-select
            :items="filteredData"
            label="Select an option"
            item-text ="name"
            item-value = "name"
          ></v-select>
        </v-flex>
      </v-layout>
    </v-container>
  </v-app>
</div>


new Vue({
  el: '#app',
  data: () => ({
    items: [
      {
        name : 'abc', type : 'test'
      },
      {
        name : 'xyz', type : 'dev'
      },
      {
        name : 'lmn', type : 'test'
      }
    ]
  }),

  computed: {
      filteredData(){
          return this.items.filter(item => item.type === 'test')
      }

  }
})

新Vue({
el:“#应用程序”，
数据：（）=>({
项目：[
{
名称：“abc”，类型：“测试”
},
{
名称：“xyz”，类型：“dev”
},
{
名称：“lmn”，类型：“测试”
}
]
}),
计算：{
过滤数据（）{
返回此.items.filter（item=>item.type=='test'）
}
}
})