devtools无法显示

最新推荐文章于 2024-05-19 21:01:12 发布

若繁花逝尽

最新推荐文章于 2024-05-19 21:01:12 发布

阅读量2k

点赞数 1

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_42979149/article/details/127638718

版权

vue 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

devtools 是默认开启的，而生产环境中默认关闭。打包时不建议手动开启该配置。遇到生产环境需要调试的，可通过开发者工具更改配置项临时开启。

1、打开控制台，输入下列代码，回车执行
Vue2项目输入：

let 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);
			} 
		} 
		break; 
	} 
}

Vue3项目输入

let vue, node, walker; 
walker = document.createTreeWalker(document.body, 1); 
while ((node = walker.nextNode())) { 
	if (node.__vue_app__) { 
		vue = node.__vue_app__; 
		if (!vue.config.devtools) { 
			vue.config.devtools = true; 
			if (window.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
				window.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit("init", vue);
			} 
		} 
		break; 
	} 
}