VueJS: Cách gọi phương thức cha qua $parent
Mỗi component VueJS định nghĩa một property $parent, từ property này ta có thể dễ dàng gọi bất kỳ phương thức nào có trong component cha.
Ví dụ
<template id="child-template">
<span @click="someMethod">Click me!</span>
</template>
<div id="app">
<child></child>
</div>
<script>
Vue.component('child', {
template: '#child-template',
methods: {
someMethod(){
this.$parent.someMethod();
}
}
});
var app = new Vue({
el: '#app',
methods: {
someMethod(){
alert('parent');
}
}
});
</script>
Lưu ý: Không nên sử dụng cách thức này khi bạn xây dựng các component tái sử dụng không kết nối, còn trong trường hợp ví dụ trên việc xây dựng một component không tái sử dụng có liên quan sẽ rất tiện dụng.