Javascript 如何在Vuetify中使用v-select设置默认保持架

我正在尝试为v-select设置占位符

<v-select
 item-value="id"
 item-text="name"
 :placeholder="holderValue"
 v-model="selectedDM"
 label="Chọn danh mục"
 :items="handleCate(item)"
 :disabled="status"   
>

我也试着设置类似的

this.holderValue = "Sth Sth"

但它仍然不起作用

---

任何帮助都将不胜感激。感谢阅读

如果有帮助，请告诉我

模板

<v-select
  item-value="id"
  item-text="name"
  :placeholder="holderValue"
  v-model="selectedDM"
  :label="holderValue"
  :items="handleCate(item)"
  :disabled="status"   
/>

剧本

export default {
  data(){
    return {
      holderValue:'Sth Sth',
      selectedDM:'',
      listCategory:[{name:'Vue', id:1}, {name:'Angular',id: 2}, {name:'React',id:3}]
    }
  },
  async mounted(){
    // if fetching data from api
    // const data=await fetch('<api-url>').then(res=>res.json())
    // this.listCategory=data.map(d=>({name: d.name, id: d.id}))
  }
}

导出默认值{
数据（）{
返回{
holderValue:“某事物”，
已选择的DM:“”，
listCategory:[{name:'Vue'，id:1}，{name:'Angular'，id:2}，{name:'React'，id:3}]
}
},
异步装入（）{
//如果从api获取数据
//const data=wait fetch（“”）。然后（res=>res.json（））
//this.listCategory=data.map（d=>（{name:d.name，id:d.id}））
}
}

Holy molly，我不明白这里的键是item value=“id”中的id，listCategory中的id属性也必须相同。谢谢你的快速回答。我真的很抱歉我不能为你投票，我只有不到15个声誉如果

项目

有自定义属性，比如

categoryId

和

categoryName

那么它需要像这样映射

项目值=“categoryId”

和

项目文本=categoryName

。基本上，您是在告诉组件它们将文本和值映射到这些各自的属性。如果

项

是纯数组

['angular'，'vue']

，则不需要它。希望这有意义。有很多例子。如果你有任何问题，请告诉我。请不要忘记投票：）谢谢你，非常感谢你的帮助。

export default {
  data(){
    return {
      holderValue:'Sth Sth',
      selectedDM:'',
      listCategory:[{name:'Vue', id:1}, {name:'Angular',id: 2}, {name:'React',id:3}]
    }
  },
  async mounted(){
    // if fetching data from api
    // const data=await fetch('<api-url>').then(res=>res.json())
    // this.listCategory=data.map(d=>({name: d.name, id: d.id}))
  }
}