VueJS: Cách gọi phương thức cha qua $parent


Khóa học qua video:
Lập trình Python All Lập trình C# All SQL Server All Lập trình C All Java PHP HTML5-CSS3-JavaScript
Đăng ký Hội viên
Tất cả các video dành cho hội viên

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.

 

» Tiếp: VueJS Developer Roadmap
« Trước: Cách decode thẻ HTML trong VueJS
Khóa học qua video:
Lập trình Python All Lập trình C# All SQL Server All Lập trình C All Java PHP HTML5-CSS3-JavaScript
Đăng ký Hội viên
Tất cả các video dành cho hội viên
Copied !!!