在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')全部评论 (0)
还没有任何评论哟~