美文网首页
2021-08-18

2021-08-18

作者: 上海_前端_求内推 | 来源:发表于2021-10-11 19:11 被阅读0次
    uni-app中子组件调用父组件中的方法
    1.在父组件methods中定义一个方法:
    
    changeType(type){
        this.typeActive = type;
        alert(type);
    }
    2.在父组件引用子组件时绑定该方法:
    <cate-top   @pChangeType="changeType"></cate-top>
    3.在子组件中绑定点击事件:
    <template name="cate-top">
        <view class="activity-cover">
            <view class="up-mode">
                <view class="li" v-for="(item,index) in types" :key="index"  @click="changeType(item.cate)">
                    <text>{{item.name}}</text>
                </view>
            </view>
        </view>
    </template>
    
    4.在子组件 methods 中点击事件中,使用 $emit 调用父组件的changeType()方法:
    changeType(type){
        this.$emit("pChangeType",type)
    },
    

    相关文章

      网友评论

          本文标题:2021-08-18

          本文链接:https://www.haomeiwen.com/subject/mnpgbltx.html