1.通过更新组件key刷新组件的方法示例：
<template>
<sys-use-chart-teacher :key="componentKey" />
</template>
<script>
import sysUseChartTeacher from "@/components/sys-use-chart-teacher/sys-use-chart-teacher.vue";
export default {
components: {
sysUseChartTeacher,
},
data() {
return {
componentKey: 0,
};
},
methods: {
freshComponent() {
this.componentKey += 1;
}
}
}
</script>
2.也可以使用$refs方法来实现父子组件页面刷新：
// 父组件
// 定义一个方法，用于更新子组件
updateChild(){
this.$refs.child.update();
}
// 子组件
// 定义一个更新方法
update(){
// 在这里写更新子组件的代码
}