[Vuejs]-This is a question when using openweather API with axios

Every time you hit enter, it submits the form. The default behavior for form submission reloads the component, which then by default returns ‘seoul’ for city.

Try binding an event listener to the form’s submission, and comment out the method call on update(). This will prevent excessive API calls.

<form @submit.prevent="weatherData">
      <h3><span> 도시</span>를 입력하세요</h3>
      <input type="text" v-model="city" />
      <button>확인</button>
    </form>

Conversely, if you want the method to fire on input event, you should validate the input value before sending the API call, as some of the shorter entries throw a 404.