Vue හි textarea සමඟ වැඩ කිරීම

textarea ටැගය සමඟ වැඩ කිරීම සිදුවන්නේ නිරපේක්ෂව එලෙසම, ආදාන ක්ෂේත්‍ර සමඟ වැඩ කරන ආකාරයටම - directive v-model හරහා. අපි ප්‍රායෝගිකව බලමු. අපගේ දේපලක් සාදමු, එය අපගේ ටැගයට bind කරන්න:

javascriptdata() {
  return {
    text: '',
  }
}

දේපල ටැගයට bind කරමු:

App.vue<template>
  <textarea v-model="text"></textarea>
</template>

තවද ඡේදයක් සාදමු, එයට ඇතුල් කරන ලද පෙළ output කරන්න:

App.vue<template>
  <textarea v-model="text"></textarea>
  <p>{{ text }}</p>
</template>