线上环境调用Vue devtool工具

43 阅读1分钟

有些场景中,需要我们在线上环境下调用vue devtool进行数据构造。

做法:在线上控制台运行下面的代码,再次打开控制台,可以看到Vue devtool 可用

var Vue, walker, node;
walker = document.createTreeWalker(document.body,1);
while ((node = walker.nextNode())) {
  if (node.__vue__) {
    Vue = node.__vue__.$options._base;
    if (!Vue.config.devtools) {
      Vue.config.devtools = true;
      if (window.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
        window.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit("init", Vue);
        console.log("==> vue devtools now is enabled");
      }
    }
    break;
  }
}