Contents

10. 사용자 입력 폼 만들기

   May 21, 2023     1 min read

사용자 입력 폼 만들기

App.vue

templace 부분의 v-on이 적혀 있으면 블로그가 깨져서 전체 코드는 깃과 이미지 파일 참고

<script>
import axios from 'axios'

export default {
  data: function(){
    return {
      username: '',
      password: '',
    }
  },
  methods: {
    submitForm: function(){
      console.log(this.username, this.password)
      var url = 'https://jsonplaceholder.typicode.com/users'
      var data = {
        username : this.username,
        password : this.password
      }
      axios.post(url, data)
        .then(function(response) {
          console.log(response)
        })
        .catch(function(error){
          console.log(error)
        })
    }
  }
}
</script>

<style>

</style>

전체 코드 이미지 캡처

vue17.jpg

참고 깃url

사용자 입력 폼 git