Darbība ar textarea Vue

Darbība ar textarea notiek absolūti tāpat, kā ar inputiem - caur direktīvu v-model. Apskatīsim praktiski. Izveidosim īpašību, ko piesaistīsim mūsu tagam:

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

Piesaistīsim īpašību tagam:

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

Izveidosim vēl arī rindkopu, kurā tiks izvadīts ievadītais teksts:

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

Задание 1

Dots textarea. Izveidojiet tā, lai rakstot tekstu šajā textarea, šis teksts vienlaicīgi tiktu izvadīts rindkopā zem tā.

Задание 2

Dota poga textarea. Tajā tiek ievadīts teksts. Nospiežot pogu iegūstiet masīvu ar ievadītajiem vārdiem un izvadiet elementus no šī masīva saraksta veidā ul.