场景:
新增编辑页是列表页的二级路由
在新增或编辑后列表页不刷新相应的数据
在父路由中:加一个@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
}
},