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 दिया गया है। ऐसा करें कि इसमें टेक्स्ट टाइप करने पर, वह टेक्स्ट उसके नीचे वाले पैराग्राफ में एक साथ आउटपुट हो।

Задание 2

एक बटन textarea दिया गया है। इसमें टेक्स्ट इनपुट किया जाता है। बटन दबाने पर एरे प्राप्त करें और इस एरे के एलिमेंट्स को ul लिस्ट के रूप में आउटपुट करें।