首页 > 技术文章 > uniAPP里不同子组件在父组件里进行传值控制

Glant 2019-12-05 09:38 原文

父组件里
<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>

 

推荐阅读