Pengendalian textarea dalam Vue

Pengendalian textarea dilakukan dengan cara yang sama seperti input - melalui arahan v-model. Mari kita lihat secara praktik. Buat satu sifat, yang akan kita ikat kepada tag kami:

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

Ikat sifat kepada tag:

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

Buat juga satu perenggan, di mana teks yang dimasukkan akan dipaparkan:

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