พารามิเตอร์ของเหตุการณ์ใน Vue

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

App.vuemethods: {
  func(arg1, arg2) {
    console.log(arg1, arg2);
  }
}

พารามิเตอร์เหล่านี้ต้องระบุเป็นอาร์กิวเมนต์ ของฟังก์ชัน $emit หลังจากชื่อเหตุการณ์:

components/User.vuemethods: {
  handle() {
    this.$emit('show', 'xxx', 'yyy');
  }
}
Задание 1

ส่งเมธอดต่อไปนี้จากคอมโพเนนต์แม่ ไปยังคอมโพเนนต์ลูก:

App.vuemethods: {
  func(name) {
    console.log(name);
  }
}

สร้างปุ่มในคอมโพเนนต์พนักงาน เมื่อคลิกที่ปุ่มนั้น จะส่งชื่อพนักงาน ไปยังคอมโพเนนต์แม่

Задание 2

ส่งเมธอดต่อไปนี้จากคอมโพเนนต์แม่ ไปยังคอมโพเนนต์ลูก:

App.vuemethods: {
  func(name, salary) {
    console.log(name, salary);
  }
}

สร้างปุ่มในคอมโพเนนต์พนักงาน เมื่อคลิกที่ปุ่มนั้น จะส่งชื่อและเงินเดือนของพนักงาน ไปยังคอมโพเนนต์แม่