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

การทำงานกับ 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>