首页 > 其他分享 >线上环境如何开启vue devtool

线上环境如何开启vue devtool

时间:2023-05-29 16:13:11浏览次数:33  
标签:node .__ devtool Vue vue 线上 walker devtools

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;
  }
}

执行后关闭控制台,重新打开

标签:node,.__,devtool,Vue,vue,线上,walker,devtools
From: https://www.cnblogs.com/7c89/p/17440706.html

相关文章

  • vue对kindeditor进行封装以及使用
    下载kindeditor后需要使用的文件如下(其他没用到的可删除)封装成组件以及自定义上传插件上传图片后生成image标签插入上传文件后生成下载a链接插入<template><divclass="kindeditor-component"><inputid="file-input"style="display:none"type="file"&g......
  • vue this.$route.query 和this.$route.params的使用与区别
    一:this.$route.query的使用#1、传参数:this.$router.push({path:'/index/detail',query:{itemId:item.id}});#2、获取参数this.$route.query.itemId#3、url的表现形式http://localhost:8080/#/index/detail?itemId=22二:this.$route.params的使......
  • 直播app开发搭建,Vue Element UI Upload 上传多张图片
    直播app开发搭建,VueElementUIUpload上传多张图片<template> <div>  <el-card>   <h1>轮播图-图片上传管理</h1>   <el-divider></el-divider>   <!--注意:使用:model="uploadImgForm"不要使用v-model="uploadImgForm&q......
  • vue-封装组件-超出部分限制...,并且提示
    显示效果 代码:<template><divclass="tip"><el-tooltip:content="content"placement="top"width="400":disabled="!isShowTooltip"><spanclass="me......
  • vue中el-select 多选限制条件(根据不同选项进行不同可选可不选)
    首先看一个数据结构:1:无缺陷2:有缺陷-》缺陷1,缺陷2,缺陷33:审核不通过把它们集成到一个平面数据,进行下拉所选就变成了:1:无缺陷,2:审核不通过,3:缺陷一,4:缺陷二,5:缺陷三。因为字典项是个平面的,所以在类似的大批量的情况下,有缺陷这个类如果还按照这种结构除非自己去归类。想要直接映射到......
  • vue3学习中使用vue-router@4的问题Invalid VNode type: undefined (undefined)
    首先是按照常规的箭头函数引入的方法,结果报一下错误,且页面报错constHelloWorld=()=>import('../components/HelloWorld.vue'); 解决办法import{defineAsyncComponent}from'vue'constHelloWorld=defineAsyncComponent(()=>import('../components/HelloWorld.vue......
  • 客户线上反馈:从信息搜集到疑难 bug 排查全流程经验分享
    写在前面:本文是我在前端团队的第三次分享,应该很少会有开发者写客户反馈处理流程以及bug排查的心得技巧,全文比较长,写了一个多星期大概1W多字(也是我曾经2年工作的总结),如果你有耐心阅读,我相信在未来的问题排查上,一定会对你的思路拓展有些许帮助,考虑到篇幅问题,建议在阅读前泡上一杯......
  • 基于JAVA的springboot+vue摄影跟拍预定管理系统,附源码+数据库+论文+PPT
    1、项目介绍困扰管理层的许多问题当中,摄影跟拍预定管理一定是不敢忽视的一块。但是管理好摄影跟拍预定又面临很多麻烦需要解决,例如有几个方面:第一,往往用户人数都比较多,如何保证能够管理到每一用户;第二,如何在工作琐碎,记录繁多的情况下将摄影跟拍预定的当前情况反应给领导......
  • vue3.0 study
    1、newVue->create(vue)2.03.02、setup函数是CompositionAPI(组合API)的入口<script>exportdefault{name:'App',setup(){letname='流星'letage=18//方法functionsay(){console.log(`我叫${name},今年${age}岁`......
  • pt-kill工具 -- 自动kill线上运行时间过长的SQL
    背景生产环境数据库出现运行时间过长的SQL,会影响数据库性能,如果同时出现多个类似SQL,则会影响数据库的可用性,从而导致业务不可用或体验差的情况。在出现此类SQL的情况下,DBA人工干预需要一定的时间,在此期间如果SQL量比较大,且业务不停请求时,人工干预比较麻烦,无法及时处理。因此需要......