使用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