数据变动页面刷新的方式

it2025-10-04  3

第一种、二次调用

增删查改后都在此调用查询接口,进行二次调用来达到页面的更新

第二种、provide/inject方式局部刷新(推荐)

首先在App.vue全局设置provide <router-view v-if="isRouterAlive"></router-view> 在script中写入 <script> export default { provide(){ return{ reload:this.reload } }, data() { return { isRouterAlive:true } }, methods: { reload(){ this.isRouterAlive=false this.$nextTick(function(){ this.isRouterAlive = true }) } }, } </script> vue页面使用 export default { inject:['reload'], //引入 data() {

最新回复(0)