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 लिस्ट के रूप में आउटपुट करें।