是否有可能从vue-devtools中排除vue事件和vuex变异?

时间:2018-05-26 12:48:40

标签: vue.js vuex vue-devtools

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

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

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

最佳, 基督教

1 个答案:

答案 0 :(得分:0)

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

我想像的是,您将拥有一个RegEx,可以过滤掉您提到的大量事件。例如,如果我想过滤出一个名为NOISY_MUTATION的突变,则可以将此RegEx放入Vuex过滤器中:/^((?!NOISY_MUTATION).)*$/

现在,这是个坏消息。不幸的是,事件似乎没有RegEx筛选器,而是仅执行简单的toLowerCase匹配。

我在Vue DevTools存储库中有一份PR可以解决此问题,因此希望他们可以在某些版本中使用它们,如果他们认为这是值得添加的:https://github.com/vuejs/vue-devtools/pull/838

祝你好运!

埃里克