排名
3
文章
317
粉丝
22
评论
14
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:
50010702506256


欢迎加群交流技术
原
vue 弹窗里边的数据更新更改修改后如何刷新主页面内容,弹窗里边的内容是单独的组件。子组件执行父组件方法

其实在封装的组件弄一个事件即可,不然在关闭弹窗的时候刷新数据不科学,这样每次都要刷新数据。
子组件,弹窗里边提供一个方法
弹窗里边提供一个方法在需要的时间点去触发即可,这样就可以执行父组件中的方法了
const emitWays = defineEmits(['changeCheck'])
const checkSuccess = (_rowData: any) => {
// 触发事件,可以在父组件中去刷新数据
emitWays('changeCheck')
}
父组件,绑定一下事件
<el-dialog title="项目专班成员" :destroy-on-close="true" :append-to-body="false" width="86%" v-model="state.dialoglabe_ProjectTeamMembers">
<div>
<ProjectTeamMembersCustomTrain
:programType="2"
:programID="state.pageParam.trainingProgramId"
:subProgramId="state.training_subprogramid"
:subProgramType="state.training_subProgramType"
@changeCheck="changeCheck"
></ProjectTeamMembersCustomTrain>
</div>
</el-dialog>
<script setup lang="ts" name="project-team-members">
// 弹窗里边审核之后刷新数据
const changeCheck = ()=>{
// alert("弹窗里边审核之后刷新数据!")
getTrainingSubProgramDataList()
}
</script>
欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)
评价