Arbete med textarea i Vue

Arbete med textarea sker på exakt samma sätt som med inputfält - genom direktivet v-model. Låt oss se det i praktiken. Vi skapar en egenskap som vi binder till vår tagg:

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

Låt oss binda egenskapen till taggen:

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

Låt oss också skapa ett stycke där den inmatade texten kommer att visas:

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