본문 바로가기
IT/Vue.js

[Vue.js] - Vue Textarea 데이터 바인딩 하는 방법

by 차이나는 개발자 2023. 8. 26.
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
반응형

댓글