vue项目中,新增或编辑后返回列表页,数据不刷新问题

场景:
新增编辑页是列表页的二级路由
在新增或编辑后列表页不刷新相应的数据

在父路由中:加一个@refresh="getKnowledgeList",自定义方法,传到子路由上,其中绑定的方法为获取列表页的数据方法

<template>
  <router-view v-if="hidden" :key="key" @refresh="getKnowledgeList"></router-view>
  <section v-else class="pd20"></section>

在子路由中:使用$emit触发那个方法

async postKnowledgeCreate() {
      try {
        await postKnowledgeCreate({ ...this.form })
        this.$message.success('新增成功')
        this.isLock = false
        this.resetForm('form')
        this.$emit('refresh')
        this.closeSelectedTag()
      } catch (error) {
        this.isLock = false
      }
    },
发布了55 篇原创文章 · 获赞 8 · 访问量 1750

猜你喜欢

转载自blog.csdn.net/louting249/article/details/104700298