Lavorare con textarea in Vue

Il lavoro con textarea avviene esattamente allo stesso modo degli input - tramite la direttiva v-model. Vediamo praticamente. Creiamo una proprietà, che collegheremo al nostro tag:

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

Colleghiamo la proprietà al tag:

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

Aggiungiamo anche un paragrafo in cui verrà visualizzato il testo inserito:

App.vue<template>
  <textarea v-model="text"></textarea>
  <p>{{ text }}</p>
</template>
Задание 1

È dato un textarea. Fai in modo che durante la digitazione del testo in questo textarea, questo testo venga contemporaneamente visualizzato nel paragrafo sottostante.

Задание 2

È data una textarea. In essa viene inserito del testo. Alla pressione di un pulsante, ottieni un array delle parole inserite e visualizza gli elementi di questo array sotto forma di lista ul.