*** 子组件中的 this.$emit('done ', someDdata)
--done为父组件跳转子组件dialog标签中定义的事件名 @done
***父组件中dialog标签中的@done='xxxfunction'
--xxxfuncton为methods中执行的方法
1.子组件 -传递
1.点击事件
<el-table-column fixed="right" label="操作">
<template slot-scope="scope">
<el-button-group>
<el-tooltip class="item" effect="dark" content="确认选择" placement="top">
<el-button type="success" size="mini" @click="confirmChoiceVest(scope.row)"> //确认按钮 执行
确认选择
<i class="fa fa-check-circle"></i>
</el-button>
</el-tooltip>
</el-button-group>
</template>
</el-table-column>
2. 方法
methods: {
confirmChoiceVest(row) {
this.$emit('done', row);
this.show = false;
},
2.父组件 -接受
1.之前跳到子组件的dialog
<show-all-vest-dialog ref="allVestDialog" @done="callbackConfirmVest"></show-all-vest-dialog>
2.父组件中的回调
methods: {
callbackConfirmVest(row) {
this.model.vestName = row.nickname;
this.model.vestId = row.vestId;
},