การทำงานกับ textarea ใน Vue

การทำงานกับ textarea เกิดขึ้นในลักษณะเดียวกันโดยสิ้นเชิงกับ อินพุต - ผ่านไดเรกทีฟ v-model ลองมาดูกันในทางปฏิบัติ สร้างพร็อพเพอร์ตี้ขึ้นมา ซึ่งเราจะผูกไว้กับแท็ก ของเรา:

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

ผูกพร็อพเพอร์ตี้กับแท็ก:

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

สร้างอีกทั้งย่อหน้า ซึ่ง ข้อความที่พิมพ์จะถูกแสดงออกมา:

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

มี textarea กำหนดให้เมื่อพิมพ์ ข้อความใน textarea นี้ ข้อความนี้จะต้อง แสดงออกมาในย่อหน้าด้านล่างมันพร้อมกัน

มีปุ่ม textarea กำหนดให้พิมพ์ ข้อความลงไป เมื่อกดปุ่มให้รับอาร์เรย์ของ คำที่พิมพ์เข้าไป และแสดงองค์ประกอบ ของอาร์เรย์นี้ในรูปแบบรายการ ul