您好,欢迎来到暴趣科技网。
搜索
您的当前位置:首页vue 2.0 父组件调用子组件中的方法

vue 2.0 父组件调用子组件中的方法

来源:暴趣科技网

父组件:

<editUser ref="editUser"></editUser>
/**
 * 编辑会员
 */
 handleEdit(row) {
     var _this=this;
     _this.$refs.editUser.getUser(row.id)
 },

在父组件中引用子组件<editUser> 并起名ref="editUser" 然后 通过 _this.$refs.editUser.getUser(row.id) 调用子组件中的getUser方法并传参(row.id)

子组件:

<script>
    export default{
        props:['user'],
        data(){
            return {

            }
        },
        mounted(){

        },
        methods:{
            getUser(user_id){
                console.log(user_id)
            }
        }
    }
</script>

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- baoquwan.com 版权所有 湘ICP备2024080961号-7

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务