Textarea-elementin käsittely Vuesta

textarea-elementin käsittely tapahtuu täsmälleen samalla tavalla kuin input-elementeillä - v-model-direktiivin avulla. Katsotaan tätä käytännössä. Luodaan ominaisuus, joka sidotaan elementtiimme:

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

Sidotaan ominaisuus elementtiin:

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

Tehdään myös kappale, johon kirjoitettava teksti tulostetaan:

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

Задание 1

Annettu textarea. Tee niin, että kun tekstiä kirjoitetaan tähän textarea:aan, tämä teksti tulostuu samanaikaisesti sitä seuraavaan kappaleeseen.

Задание 2

Annettu textarea-elementti. Siihen kirjoitetaan tekstiä. Painiketta painamalla hae syötettyjen sanojen taulukko ja näytä tämän taulukon alkiot ul-listana.