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);
	}
}

직원 컴포넌트에 버튼을 만들고, 클릭 시 부모 컴포넌트로 직원의 이름과 급여가 전달되도록 하세요.