Vueでのtextareaの操作
textareaの操作は、
入力欄と全く同じ方法で行われます -
v-modelディレクティブを通してです。
実際に見てみましょう。タグに紐付ける
プロパティを作成します:
javascriptdata() {
return {
text: '',
}
}
プロパティをタグに紐付けます:
App.vue<template>
<textarea v-model="text"></textarea>
</template>
入力されたテキストが表示される段落も 作成しましょう:
App.vue<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Задание 1
textareaが与えられています。
このtextareaに入力されたテキストが、
その下の段落に同時に表示されるように
してください。
Задание 2
ボタンとtextareaが与えられています。
textareaにテキストを入力します。
ボタンをクリックすると、入力された単語の配列を取得し、
その配列の要素をulリストとして
表示してください。