728x90
반응형
#Textarea 데이터 바인딩 하는 방법
Vue에서 `<textarea>` 요소를 `v-model` 디렉티브로 바인딩하는 방법은 `<input>` 요소와 매우 유사합니다.
`v-model` 디렉티브를 사용하여 `<textarea>` 요소의 값을 Vue 데이터 모델과 양방향으로 바인딩할 수 있습니다.
-Vue.js 코드
textarea 태그도 input 태그와 같이 v-model을 사용하여 데이터 바인딩을 할 수 있습니다.
<template>
<textarea v-model="msg"></textarea>
</template>
<script>
export default {
data() {
return {
msg: "textarea 테스트"
};
}
}
</script>
-textarea 데이터 바인딩 테스트
728x90
반응형
'IT > Vue.js' 카테고리의 다른 글
[Vue.js] - Vue 체크박스(checkbox) 데이터 바인딩 하는 방법 (0) | 2023.08.26 |
---|---|
[Vue.js] - Vue Select Box 데이터 바인딩 하는 방법 (0) | 2023.08.26 |
[Vue.js] - Vue input type text와 number 데이터 바인딩 하는 방법 (0) | 2023.08.26 |
[Vue.js] - Vue 문자열 및 html 코드를 데이터 바인딩 하는 방법 (0) | 2023.08.26 |
[Vue.js] - Vue 컴포넌트(components) 사용 방법 (0) | 2023.08.23 |
댓글