การบล็อกองค์ประกอบใน Vue

คุณสามารถบล็อกองค์ประกอบของฟอร์มแบบรีแอกทีฟได้ โดยใช้แอตทริบิวต์ disabled มาลองทำดู สร้างพรอพเพอร์ตีที่เกี่ยวข้อง:

javascriptdata() {
  return {
    isDisabled: true,
  }
}

ผูกพรอพเพอร์ตีนี้กับปุ่ม:

App.vue<template>
  <button v-bind:disabled="isDisabled">btn</button>
</template>