Contents
see List작성일 2022. 07. 27.
<template>
<section>
<testChild ref="child01" />
</section>
</template>
<script>
import {ref} from "vue";
import testChild from "@/components/main/testChild ";
export default {
components: {
testChild ,
},
setup() {
const child01= ref(null); //템플릿의 ref 명과 변수명을 일치
const child01_call = (testValue) => {
child01.value.func_call(testValue); //자식 컴포넌트에 정의된 함수명 호출
}
return {
child01 //중요 필수사항
}
},
}
</script>
<style scoped>
</style>
javascript
| No | 작성일 | Title |
|---|---|---|
| 2045 | 2025. 11. 30. | TypeScript 타입 시스템 완벽 가이드 |
| 2044 | 2025. 11. 30. | React 18 새 기능 - Concurrent Features |
| 1864 | 2022. 07. 27. | [vue3] vue3 setup 에서 자식 컴포넌트 메소드(함수) 호출하기 |
| 1848 | 2022. 06. 11. | [ vuejs ] router 데이터 전달방식 |
| 1847 | 2022. 06. 11. | [ vuejs ] this.$router.push 혹은 link-to 를 setup() 에서 구현 |
| 1846 | 2022. 06. 10. | [ vuejs3 , spring-boot ] 웹개발은 어떻게 구성해야 하는가 |
| 1825 | 2022. 05. 24. | [ vuejs ] 부모,자식 요소의 메소드 호출 |
| 1421 | 2018. 12. 06. | [ angualrjs ] ajax header 포함시켜 $http 사용하기 |
| 1381 | 2017. 11. 30. | 문자열을 숫자로 바꾸는 방법 parseInt 와 Number 비교 |
| 1220 | 2017. 03. 28. | [ AngularJs] bootstrap nav dropdown |