Vuetify에서 자주 사용하는 Javascript 칩스

v-select의 items는 배열만

api_data = {
 "id1":"hoge",
 "id2":"huga",
 "id3":"hogehoge",
}

select_items = [
 {
  text: "hoge",
  value: "id1"
 },
 {
  text: "huga",
  value: "id2"
 },
 {
  text: "hogehoge",
  value: "id3"
 }

select_items = Object.keys(api_data).map( key => {
 return {
  text: api_data[key],
  value: key
 }
});

let select_itemse = [];
for(var key in api_data){
 select_itemse.push({
  text: api_data[key],
  value: key
 })
}

키가 다른 경우

api_data = [
 {
  "id":"id1",
  "title":"hoge"
 },
 {
  "id":"id2",
  "title":"huga"
 },
 {
  "id":"id3",
  "title":"hogehoge"
 }
}

<v-select 
 items="api_data"
 item-text="title"
 item-value="id"
/>