天天看點

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>
           
vue2 子元件調用父元件中的方法

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