더북(TheBook)

여러 줄 입력 요소의 값 가져오기

여러 줄 입력 요소는 <textarea> 태그로 만듭니다. <textarea> 태그도 v-model 디렉티브를 사용하면 초깃값을 초기 렌더링 화면에서 보여주거나(<script><template>) 사용자가 입력한 값을 업데이트(<template><script>)할 수 있습니다.

textarea/src/App.vue

<script>
export default {
  data() {
    return {
      message: '',
    };
  },
  methods: {
    printData() {
      console.log(`id: ${this.message}`);
    },
  },
}
</script>
<template>
  <form id="loginForm">
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.