vue 弹窗里边的数据更新更改修改后如何刷新主页面内容，弹窗里边的内容是单独的组件。子组件执行父组件方法 电脑版发表于：2025/2/22 12:47 其实在封装的组件弄一个事件即可，不然在关闭弹窗的时候刷新数据不科学，这样每次都要刷新数据。 #### 子组件，弹窗里边提供一个方法 弹窗里边提供一个方法在需要的时间点去触发即可，这样就可以执行父组件中的方法了 ``` 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> ```
