Làm việc với textarea trong Vue
Làm việc với textarea
diễn ra hoàn toàn giống như với
input - thông qua directive
v-model. Hãy xem
trên thực tế. Chúng ta sẽ tạo một thuộc tính,
mà chúng ta sẽ ràng buộc với thẻ của chúng ta:
data() {
return {
text: '',
}
}
Ràng buộc thuộc tính với thẻ:
<template>
<textarea v-model="text"></textarea>
</template>
Chúng ta cũng sẽ tạo một đoạn văn, vào đó sẽ xuất ra văn bản được nhập:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Cho một textarea. Hãy làm sao để khi gõ
văn bản trong textarea này, văn bản đó đồng thời
được xuất ra trong đoạn văn bên dưới nó.
Cho một nút textarea. Văn bản được nhập vào
nó. Khi nhấn nút, hãy lấy một mảng
các từ đã nhập và xuất các phần tử
của mảng đó dưới dạng danh sách ul.
