1. 程式人生 > >vue2 子元件呼叫父元件中的方法

vue2 子元件呼叫父元件中的方法

父元件:

<!--編輯會員-->
<editUser ref="editUser" v-on:childMethod="parentMethod"></editUser>
<script>
    import editUser from './Edit.vue';
    export default {
        data() {
            return {

           }
        },
        methods:{
            parentMethod(param){
                console.log('parent'
); }, } }
</script>

子元件

<script>
    export default {
        data() {
            return {

           }
        },
        methods:{
             callMethod(){
                _this.$emit('childMethod','childParam'); 
                //第一個引數名為呼叫的方法名,第二個引數為需要傳遞的引數
} } }
</script>

這裡寫圖片描述

還有不明白的可以參考 這篇文章