是否可以从 vue-devtools 中排除 vue 事件和 vuex 突变?



我正在开发一个 vue 应用程序,该应用程序具有在某些情况下每秒发出 50 个事件的存储模块。这些事件每次都会导致 vuex 突变。 这使得在其他地方使用 vue-devtools 变得困难,因为我看不到任何其他事件或突变,并且在半分钟内 vue-devtools 变得无响应并崩溃。

我想知道是否有办法将某些 vue 事件和 vuex 突变排除在 vue-devtools 中呈现。

有没有人知道如何做到这一点?

最好 基督教

所以,不幸的是,当前的 Vue DevTools 只能解决你的一个问题:Vuex 突变。 在 Vuex 选项卡中,您可以应用 RegEx 来过滤掉不必要的事件。 这样,即使你的应用生成了很多事件,你也可以过滤掉噪音,防止你的 Vue DevTools 崩溃。

我想象的是,你会有一个正则表达式来过滤掉你提到的事件量。 例如,如果我想过滤掉一个名为NOISY_MUTATION的突变,您可以将此 RegEx 放入 Vuex 过滤器中:/^((?!NOISY_MUTATION).)*$/

现在,坏消息。不幸的是,事件似乎没有正则表达式过滤器,而只是执行简单的toLowerCase匹配。

我已经向 Vue DevTools 存储库发布了一个 PR 来解决这个问题,所以如果他们认为它是一个有价值的补充,希望它可以登陆某个版本:https://github.com/vuejs/vue-devtools/pull/838

祝你好运!

埃里克

最新更新