พารามิเตอร์ของเหตุการณ์ใน Vue
คุณสามารถส่งพารามิเตอร์ไปกับ เหตุการณ์ที่ปล่อยออกมาได้ ลองดู ตัวอย่าง สมมติว่าฟังก์ชันของคอมโพเนนต์แม่ รับพารามิเตอร์:
methods: {
func(arg1, arg2) {
console.log(arg1, arg2);
}
}
พารามิเตอร์เหล่านี้ต้องระบุเป็นอาร์กิวเมนต์
ของฟังก์ชัน $emit หลังจากชื่อเหตุการณ์:
methods: {
handle() {
this.$emit('show', 'xxx', 'yyy');
}
}
ส่งเมธอดต่อไปนี้จากคอมโพเนนต์แม่ ไปยังคอมโพเนนต์ลูก:
methods: {
func(name) {
console.log(name);
}
}
สร้างปุ่มในคอมโพเนนต์พนักงาน เมื่อคลิกที่ปุ่มนั้น จะส่งชื่อพนักงาน ไปยังคอมโพเนนต์แม่
ส่งเมธอดต่อไปนี้จากคอมโพเนนต์แม่ ไปยังคอมโพเนนต์ลูก:
methods: {
func(name, salary) {
console.log(name, salary);
}
}
สร้างปุ่มในคอมโพเนนต์พนักงาน เมื่อคลิกที่ปุ่มนั้น จะส่งชื่อและเงินเดือนของพนักงาน ไปยังคอมโพเนนต์แม่
