uniAPP里不同子组件在父组件里进行传值控制

时间:2019-12-05
本文章向大家介绍uniAPP里不同子组件在父组件里进行传值控制，主要包括uniAPP里不同子组件在父组件里进行传值控制使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。
父组件里
 
<template>
    <view>
        <Item @bbb='bbb'></Item>
　　　　　　<ItemA :setvalue='setvalue'></ItemA>
    </view>
</template>
 
<script>
　　data(){
　　　　return:{
　　　　　　setvalue:false
　　　　}
 　　},
    method:{
        bbb(e){
            this.setvalue =e;
       }
    }
</script>

　　

主子组件Item里
 
<template>
    <view>
        
    </view>
</template>
 
<script>
    method:{
        bbb(){
            this.$emit('bbb',{true})
       }
    }
</script>

被动组件ItemA里
 
<template>
    <view v-if='setvalue'>
        
    </view>
</template>
 
<script>
    props:['setvalue'],
    method:{
      
    }
</script>

　　

原文地址：https://www.cnblogs.com/Glant/p/11987196.html

随机文章
本站知识点必读
最近更新