Vue에서 textarea 작업하기
textarea 작업은
v-model 지시문을 통해 입력 요소와 완전히 동일한 방식으로 수행됩니다.
실제로 살펴보겠습니다. 우리 태그에 바인딩할 속성을 만들어 보겠습니다:
data() {
return {
text: '',
}
}
태그에 속성을 바인딩하겠습니다:
<template>
<textarea v-model="text"></textarea>
</template>
입력된 텍스트가 출력될 단락도 만들어 보겠습니다:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
textarea가 주어집니다. 이 textarea에 텍스트를 입력할 때
해당 텍스트가 그 아래 단락에 동시에 출력되도록 만드세요.
버튼 textarea가 주어집니다. 여기에 텍스트가 입력됩니다.
버튼을 클릭하면 입력된 단어들의 배열을 가져오고
이 배열의 요소들을 ul 목록으로 출력하세요.
