Vue တွင် textarea ကိုအသုံးပြုခြင်း

textarea ကိုအသုံးပြုခြင်းသည် input များနှင့်အလားတူပင် v-model directive မှတစ်ဆင့် ဖြစ်ပါသည်။ လက်တွေ့လုပ်ကြည့်ရအောင်။ ကျွန်ုပ်တို့၏ tag သို့ချိတ်ဆက်မည့် property တစ်ခုကိုဖန်တီးပါမည်။

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

Property ကို tag သို့ချိတ်ဆက်ပါ။

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 တစ်ခုပေးထားသည်။ ၎င်းထဲသို့ စာသားရိုက်ထည့်ပါ။ ခလုတ်ကိုနှိပ်သည့်အခါ ရိုက်ထည့်ထားသော စကားလုံးများ၏ array ကိုရယူပြီး ထို array ၏ element များကို ul list အဖြစ်ဖော်ပြပါ။