728x90
하위 컴포넌트
export default {
emits: ['add'],
setup(props, context) {
const { emit } = context
}
const onSubmit = handleSubmit(
(
{ data } // Form values
) => {
// Form submission logic
emit('add', data)
}
)
return {
onSubmit
}
}
상위 컴포넌트
<edit @addG="add"></edit>
.... 생략
methods: {
add(data)
console.log(data)
}
},
728x90
'Front-End > Vue.js' 카테고리의 다른 글
vue3 Composition API Setup()에서 async await 사용하기 (0) | 2023.06.20 |
---|---|
v-if v-else 에서 $refs 값이 나오지 않을 때 삽질중이라면 (0) | 2023.06.15 |
Vue.js 버튼에 클릭 이벤트 함수 여러개 달기 - 주의사항? (0) | 2021.11.04 |
Vue.js watch 사용 할 때 TypeError: Cannot read property 'pageClick' of undefined 에러 (0) | 2021.08.01 |
스프링 부트 + Vue.js 연동 같은 프로젝트 일 때 router 설정 (0) | 2021.07.10 |