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

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

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

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

<template>
	<textarea v-model="text"></textarea>
</template>

ရိုက်ထည့်ထားသောစာသားကို ဖော်ပြမည့် စာပိုဒ်တစ်ခုကိုလည်းဖန်တီးပါမည်။

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

textarea တစ်ခုပေးထားသည်။ ထိုtextarea ထဲတွင်စာရိုက်သည့်အခါ ထိုစာသားကို ၎င်း၏အောက်ရှိစာပိုဒ်ထဲတွင် တစ်ပြိုင်နက်ထဲဖော်ပြရန် ပြုလုပ်ပါ။

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