使用router-view时组件之间的传值


1.子组件给父组件传值
父组件:
  
<router-view @getShopCode='getShopCode'></router-view>

methods:{
   getShopCode(value){
      conso.log(value);
    }
  }

子组件:
 
methods:{
     goShopList(value){
       this.$emit('getShopCode',value)
       this.$router.push({name:'shopList'});
    }
 } 
 
2.父组件发生变化导致子组件变化

  父组件:
    //inputValue为传递给子组件的值
   <router-view :inputValue='inputValue'></router-view>

 子组件:

  watch:{
    inputValue:function(value){
       console.log(value)
     }
  }

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM