[Vue] component A 에서 component B 함수 호출 방법2
2021. 7. 29. 11:27ㆍIT개발/Vue.js
반응형
// Component A
Vue.component('UserMngtSearchForm', {
created() {
//생성될때, root 콤포넌트의 refs에 유니크하게 Component A의 this객체를 바인딩함.
this.$root.$refs.UserMngtSearchForm = this;
},
methods: {
search: function() {
alert('UserMngtSearchForm search is called');
}
}
});
// Component B
Vue.component('UserMgntDetailForm', {
methods: {
deleteItem: function() {
//삭제후, Component A의 search 함수 호출
this.$root.$refs.UserMngtSearchForm.search();
}
}
});
반응형
'IT개발 > Vue.js' 카테고리의 다른 글
[Vue] process.env.XXXX 사용시, 왜 undefined 가 생기지? (64) | 2021.12.31 |
---|---|
Vue 수요가 늘것 같다!!! S전자도 Vue를 FrontEnd Framework로 가져갈수도 있다고하니... 와우! (0) | 2021.10.23 |
[Vue] component A 에서 component B 함수 호출 방법1 (0) | 2021.07.29 |
[Vuejs] mutations/actions 함수의 파라미터는 제한이 있다! (0) | 2021.07.27 |
Vuex 라이프 사이클 (0) | 2021.07.27 |