Vueでのtextareaの操作
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が与えられています。
textareaにテキストを入力します。
ボタンをクリックすると、入力された単語の配列を取得し、
その配列の要素をulリストとして
表示してください。