Làm việc với textarea trong Vue

Làm việc với textarea diễn ra hoàn toàn giống như với input - thông qua directive v-model. Hãy xem trên thực tế. Chúng ta sẽ tạo một thuộc tính, mà chúng ta sẽ ràng buộc với thẻ của chúng ta:

javascriptdata() {
  return {
    text: '',
  }
}

Ràng buộc thuộc tính với thẻ:

App.vue<template>
  <textarea v-model="text"></textarea>
</template>

Chúng ta cũng sẽ tạo một đoạn văn, vào đó sẽ xuất ra văn bản được nhập:

App.vue<template>
  <textarea v-model="text"></textarea>
  <p>{{ text }}</p>
</template>