Работа с textarea във Vue

Работата с textarea се извършва абсолютно по същия начин, както и с инпутите - чрез директивата v-model. Да видим на практика. Ще направим свойство, което ще свържем с нашия таг:

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

Нека свържем свойството с тага:

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

Нека направим и абзац, в който ще се извежда въведения текст:

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