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:
data() {
return {
text: '',
}
}
Sidotaan ominaisuus elementtiin:
<template>
<textarea v-model="text"></textarea>
</template>
Tehdään myös kappale, johon kirjoitettava teksti tulostetaan:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Annettu textarea. Tee niin, että kun tekstiä kirjoitetaan
tähän textarea:aan, tämä teksti tulostuu samanaikaisesti
sitä seuraavaan kappaleeseen.
Annettu textarea-elementti. Siihen kirjoitetaan
tekstiä. Painiketta painamalla hae syötettyjen sanojen
taulukko ja näytä tämän taulukon alkiot
ul-listana.
