如何获取vue的根实例以及一些获取子组件实例的工具方法?
发布于 6天前 作者 harvey 132 次浏览 来自 问答

需求:使用puppeteer做GUI测试,希望能通过 puppeteer的API执行脚本从而控制vue组件实例。请问怎么在控制台获取vue组件实例? 进度: 方案一:了解 vue-devtool 插件能访问vue实例,打算让 headless浏览器直接加载插件脚本来让页面获取vue-devtool功能,发现 window.__VUE_DEVTOOLS_INSTANCE_MAP__是空的Map。 截图是正常的情况:(本地启动的项目+vue-devtool模式) image.png 方案二:在项目的main.js,将vue的根实例的引用赋值到全局变量中。能访问到vue的根实例,但不适用于非本地项目情况,以及缺少 子组件实例访问的工具方法。

求关注~~

回到顶部