1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue 使用$emit 相父组件传递参数的回调函数

vue 使用$emit 相父组件传递参数的回调函数

时间:2023-02-12 15:27:39

相关推荐

vue 使用$emit 相父组件传递参数的回调函数

*** 子组件中的 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;},

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。