vue 父子组件传值


https://blog.csdn.net/lander_xiong/article/details/79018737  
组件直接传值
                           
                  取 消
                  提交
     
  
   data(){
    return{
     currentView: "assets",  // 当前组件
  }
}    
   submit(){
     this.$refs.currentValue.findAccsubj();   //  调用子组件的方法; 
  }
  

2018/7/24

子组件:
 需要子组件向父组件传值:  需要子组件来一个事件驱动
   
   transfrom(){
        this.$emit("child",'新增凭证');
      },

父组件:
     还是子组件自己本身绑定事件来响应子组件;    简写:

**特别强调:**    这里一定加上  v-on:自组件绑定的事件  要不然接受不到子组件的值;
-----

   receive(data){
        if(data=="新增凭证"){
          this.handleSelect("addVoucher");
        }
      },

 ele-ui:
 NavMenu 导航菜单     http://element-cn.eleme.io/1.4/#/zh-CN/component/menu;
 还是接着上面的 继续;组件切换了;但是上面的导航栏没有随着子组件的变化而变化;
 解决方法:
   
          首页
           
            
            新增凭证
            查看凭证
            凭证汇总表
          
          
   data:{
     return{
      defaultActive:"bookkeepingMain";     //  默认为主页; 
    }
   }
   receive(data){
        if(data=="新增凭证"){
          this.handleSelect("addVoucher");
          this.defaultActive = addVoucher;     // 当前样式就为传过来的组件所在的区域;
          }
   }, 


2018/7/25  子组件要修改父组件的值或者调父组件的方法;
父组件:


子组件:




 this.$parent.变量(函数名()) = '6666'

2018.12.17 增加的内容;
如果父传子,内容较少;就直接props;
要是多的内容的话,就直接用slot卡槽去;
vue 父子组件传值_第1张图片

father.vue   父组件:






child.vue






你可能感兴趣的:(vue)