Праца з textarea у Vue
Праца з textarea
адбываецца абсалютна таксама, як і з
інпутамі - праз дырэктыву
v-model. Давайце паглядзім
на практыцы. Зробім уласцівасць,
якое будзем прывязваць да нашага
тэга:
data() {
return {
text: '',
}
}
Прывязам уласцівасць да тэга:
<template>
<textarea v-model="text"></textarea>
</template>
Зробім яшчэ і абзац, у які будзе выводзіцца ўводзімы тэкст:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Дадзены textarea. Зрабіце так, каб пры наборы
тэксту ў гэтым textarea, гэты тэкст адначасова
выводзіўся ў абзацы пад ім.
Дадзена кнопка textarea. У яго ўводзіцца
тэкст. Пасля націску на кнопку атрымайце масіў
уведзеных слоў і выведзіце элементы
гэтага масіву ў выглядзе спіса ul.