vue2子组件给父组件传参

通过this.$emit（）

子组件中定义事件，通过this,$emit(‘事件名称’，参数)传递

 remove(){
        this.$emit('onRemove',12)//第一个参数事件名称，父组件中使用@onRemove,第二个是传递的参数
         console.log(123);
      }, 

父组件接收参数 

<el-tab-pane label='销售单' name='13' >
             <sale-child :saleOrderId="saleOrderId"  @onRemove="remove1"></sale-child>
          </el-tab-pane>

 methods:{
       remove1(e){
      console.log(e,'子传父传递的参数');
    },
    }
      

父组件传给子组件 props

父组件

  <sale-child :saleOrderId="saleOrderId" @onRemove="remove1"></sale-child>

 this.saleOrderId=row.orderId;
      console.log(this.saleOrderId);

子组件通过props接收

export default {
    props:{
            saleOrderId:{
                type:String,
                default:'',
            }
        },
    data() {
        return {
            activeName: "first", 
            saleOrder:this.saleOrderId,
            allPrice:0.00,
            userinfo:{},
            shopData:[]
        }
    },



 created(){
        // console.log(234);
        console.log();
        //console.log(this.saleOrder,'saleOrderId');