如何在 Vuetify 中使用 v-select 设置默认持有者

Question

我试图为 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"   
>

我试图推送一个临时数组，但它仍然没有工作

    handleCate (item) {
      if ( this.radioGroup == "2") {
        //this.holderValue = null
        // let temp = []
        // console.log('im item ', item)
        // this.listCategory.map(category => {
        //   console.log('im cate ', category)
        //   temp.push({name: category.name, id: ""})
        //   //return category.name
        // })
        // console.log('im temp ', temp)
        // return temp
        return this.listCategory.map(category => {
          return category.name
        })
        
      }
    }

我也尝试过设置

this.holderValue = "Sth Sth"

但它仍然没有工作任何帮助将不胜感激。 谢谢阅读

Answer 1

让我知道这是否有帮助。

模板

<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}))
  }
}