텍스트 상자는 아래와 같이 template에 짰고 입력된 데이터는 각 Client_Code, Start_Date, End_Date 데이터에 저장되도록 했습니다.
<template>
<html>
<p>
Client Code<input placeholder="ex)MOL" v-model="Client_Code">
</p>
<p>
Start Date<input placeholder="ex)2021-01-01" v-model="Start_Date">
</p>
<p>
End Date<input placeholder="ex)2021-03-01" v-model="End_Date">
</p>
axios.get 을 아래 같이 함수로 짰는데
1. 유저가 입력한 데이터를 함수에 넣을때 어떻게 해야 하는지 감이 안잡힙니다.
2. created에 함수를 입력했는데 임의의 변수를 넣어봤는데 API 자료가 Service_Count 데이터에 들어가지 않습니다.
현재 이 두가지 문제가 나타나고 있습니다.
function user_input (client, start, end){
axios.get(`http://getosrrouteing_compatible.cgi?status=A&client_code=${client}&start=${start}&end=${end}`)
.then(function(response){
Service_data = response.data;
xmlToJson = convert.xml2json(Service_data, {compact: true, spaces: 4});
leg = JSON.parse(xmlToJson);
Service_Count = leg.ServiceIDList.Service;
return Service_Count
})}
export default {
name: 'App',
data(){
return{
Service_Count: [],
Client_Code:'',
Start_Date:'',
End_Date:''
}
},
created(){
user_input("HLSP", '2021-01-01T00:00:00', '2022-01-01T00:00:00')}
아래의 그림에서 API를 받는 url의 하얀색 상자 부분에 유저가 넣은 데이터가 들어가게 하고 싶습니다.
밤새서 찾고 있는데 도저히 방법을 모르겠습니다.