开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第1天! 先看我们的如下案例
首先el-table表格作为爷组件,编辑栏目作为父组件,选择跟进人这个弹窗作为孙组件。点击分配客户出现选择跟进人弹窗,我把选择跟进人弹窗这个弹窗又做了组件抽取,。
问题在于:作为孙组件的弹窗添加完数据,作为爷组件的表格没有立刻刷新。需要手动刷新才会展示刚才最新选择的跟进人。这个时候我们需要采用孙组件调用爷组件的方法。
一、在爷组件el-table中设置provide(){ return{ getList:this.getList } },
getList 是我自己调爷组件分页的方法 换成你的方法即可
provide与methods同级
二、直接在孙组件中设置inject:['getList'],
inject 与 methods同级
inject:['getList'],
三、剩下的就是直接在孙组件调用getList这个方法了(getList 为我的方法 改成你的方法即可)
async handleAdclick() { this.distrubuteForm.ids = this.writerAnotherId.split(',') const result = await distrubuteCustom(this.distrubuteForm) if (result.code === 200) { /* 添加完置空表单 */ this.distrubuteForm = { crmId: '', followUpUserId: '', ids: [], optUserId: '' } this.$message.success('分配成功') this.distributionDialogVisible = false this.getList() } else { this.$message.error('分配失败') } }