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.