VUE子组件向父组件传值详解（含传多值及添加额

this.$emit('change', this.value);

<!-- 在父组件中使用子组件 -->
<editable-cell :text="text" :inputType="inputType" @change="costPlannedAmountChange($event)" />

// 事件处理函数
async costPlannedAmountChange(value) {
	console.log(value)
}

<editable-cell :text="text" :inputType="inputType" @change="costPlannedAmountChange" />

this.$emit('change', this.value);

<!-- 插槽 -->
<template slot="planned_amount" slot-scope="text, record">
 <!-- 在父组件中使用子组件 -->
 <editable-cell :text="text" :inputType="inputType" @change="costPlannedAmountChange(record,$event)" />
</template>

// 事件处理函数
async costPlannedAmountChange(record,value) {
 console.log(record,value)
},

// 向父组件传递了两个值
this.$emit('change', this.value,this.text);

<editable-cell :text="text" :inputType="inputType" @change="costPlannedAmountChange" />

// 事件处理函数
async costPlannedAmountChange(param1,param2) {
  console.log(param1,param2)
},

// 向父组件传递了两个值
this.$emit('change', this.value,this.text);

<template slot="planned_amount" slot-scope="text, record">
 <!-- 在父组件中使用子组件 -->
  <editable-cell :text="text" :inputType="inputType" @change="costPlannedAmountChange(record,arguments)" />
</template>

// 事件处理函数
async costPlannedAmountChange(record,args) {
  console.log(record,args)
},