包装器组件中的 vuejs beforeDestory 钩子

Question

我正在制作一个包装器组件，并且在关闭组件时必须清除 vuex。 我已经在菜单中注册了这个组件，并且父组件是默认的主页面（页面加载时的初始页面）。

所以基本上，我必须从主要组件（即 Map(geo json) 并显示标记）获取数据以将数据向下传递（我正在使用 vuex 共享数据）将数据传递给孙子组件，这是一个包装组件（leaflet-draw）在孙子组件（菜单）显示制造商（主组件，祖父组件）信息

但每当我重新打开子组件时，它都会不断添加现有数据。所以假设主组件中有10个数据，然后每当我打开它时，它只会不断添加数据，因为它是一个包装器组件，我必须使用mounted（）挂钩来获取所有数据信息。

所以我每次打开它都会调用mounted()钩子，但是当调用beforeDestroy()时，mounted()钩子不再起作用了...

能否请您告诉我如何正确使用 beforeDestory() 或 destroy() 钩子用于包装器组件...？

非常感谢。

超过 8000 行，如果您需要测试用例，请告诉我。我将添加github链接。

Answer 1

我会将其添加为评论，但它说我无论如何都需要 50 个代表；据我了解，当您的包装器组件如此安装时，您正在获取数据；也许你应该在函数中写下类似：

if state is populated empty the state then fetch the new data

来获取应该在你的操作中的数据。