api로 받은 데이터를 가지고 v-select에 나오게 하고 싶은데 option에 나오지를 않아서 구글링해보고 돌고 돌아 여기까지오게됬습니다 제가 어디를 놓친건지 잡아주시면 감사하겠습니다
"list": [
{
"DEP_ID": "D1",
"DEP_NM": "개발부",
"DEP_NO": "1",
"INSERT_DATE": "Jul 7, 2022 11:34:44 PM"
},
{
"DEP_ID": "D2",
"DEP_NM": "사업부",
"DEP_NO": "2",
"INSERT_DATE": "Jul 8, 2022 12:12:04 AM"
}
]
이렇게나오고
,
getDepart :function(){
this.$http.post('http://localhost:8080/departlist',{},{
method : 'POST',
body : JSON.stringify({userid : this.userid}),
headers : {
'Content-Type' : 'application/json',
'Accept' : '*/*'
}
}).then(response => {
return response;
}).then(response => {
this.leaderlist = JSON.stringify(response.data.list);
console.log("leader" + JSON.stringify(this.leader));
console.log("leader2" + this.leader2);
})
},
}
<script>
export default {
data(){
return {
userid :'',
userpass :'',
username :'',
dep_nm : '',
department2:'',
dep_id :'',
//department :'',
leaderlist:[],
leader: {DEP_ID:'', DEP_NM :''},
department : [[{}]],
//departments : [this.DEP_ID],
//dep_id : [ 'D1' , 'D2','D3'],
department_nm : '',
department_id : '',
}
},여기에 코드를 입력하거나 붙여 넣습니다.
<v-select :items="leaderlist" v-model="leader" item-text="DEP_ID" item-value="DEP_NM" return-object></v-select>
저는 DEP_ID 만 가져오고싶은데 다 나오네요ㅠㅠㅠ