如何用vue的keepAlive实现以下业务场景

业务中存在 列表页、编辑页(新增),编辑与新增页面是一个组件,通过列表页有无id传递过来,判断是新增还是编辑页面。

我需要实现如下业务场景:

列表页 -> 选中一条数据a -> 编辑页面 -> 返回列表页 -> 进入新增页面

这个过程中最后一步,从列表页进入新增页面时,因为’新增‘、’修改‘是一个组件,且都使用的keepAlive,所以发现新增页面出现上一条修改页面展示的数据。

这种情况怎么处理呢?

我有考虑过新增的时候清空当前表单绑定的对象,还有没有比较好的办法? 或者同学们在处理这种业务场景时,是采用什么办法处理的?

阅读 693
评论
    4 个回答

    这种业务不需要使用keep-alive吧,keep-alive主要是用于保留组件状态或避免重新渲染。列表页有若干条数据,进入编辑页都是需要变化的,更何况新增、编辑是同一个组件,所以完全没有必要使用keep-alive。在编辑的时候传递列表页的row过去进行一下数据绑定就好了。

      相似问题
      推荐文章