vue3 setup() onSubmit emit 사용하기

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)
	}
},
반응형