vue文件中console.log无效无输出

最新推荐文章于 2023-11-25 09:39:03 发布
最新推荐文章于 2023-11-25 09:39:03 发布
阅读量3.8k 收藏 3
点赞数 2
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36685539/article/details/114320508
版权

js文件正常输出，vue文件输出无效，该检查的都检查了， /(ㄒoㄒ)/
在这里插入图片描述
找到配置文件 eslintrc.js 在rules中加 ‘no-console’: ‘off’,
在这里插入图片描述
还是不行就再加

找到配置文件 package.json ,加rules：’'no-console":"off "
在这里插入图片描述
还是不行就再加
在这里插入图片描述
时好时坏，累了

止语之语
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
vue.js第一课，console.log()无法输出
weixin_40441194的博客
06-13 9410
vue.js第一课，console.log()无法输出 vue第一课中，对于 vue()对象中的watch()属性介绍，可以监听页面元素变化，此处为message的变化。代码如下，但通过页面运行，发现并没有在console中输出，或者说watch()里面的console.log()并没有执行。 解决方法：实测发现将app.$data.message=“这是新数据!!!”; 这一行，也就是页面元素变化这一行移动到watch()操作后面，然后在console中就可以看到console.log()的输出了。
vue或react项目生产环境去掉console.log的操作
11-19
在开发过程中，为了调试方便，我们经常会在代码中插入`console.log`、`console.info`、`console.debug`等语句来输出信息。然而，当项目进入生产环境时，这些日志信息不仅没有必要，还可能因为占用带宽和性能消耗而被...
在vue中使用console.log无效的解决
10-14
主要介绍了在vue中使用console.log无效的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
# 解决：Vue 代码中 console.log() 无法输出问题
热门推荐
m0_49772478的博客
10-29 1万+
解决：Vue 代码中 console.log() 无法输出问题 在学习Vue的过程中，发现在使用console.log()的时候，在google浏览器检查时并不输出数据，还需要自己 手动在控制台输入自己的数据名称才可以显示！ let person = { name:'张飒', sex:'男' } Object.defineProperty(person,'age',{ value:18
vue console.log()打印失效
cjy_fly的博客
05-09 1456
看个人项目 如果很急 可以先去这里看看 (后续在研究原理) 找到 main.js文件 // console.log = function() {}; 注释掉 希望能帮到你!
【vue_1】console.log没有反应
最新发布
11-25 2199
上面这段代码的console.log一直打印不出来，发现可能是ElMessage的问题，ElMessage是已经封装好的函数。1、首先，将ElMessage删除，之后看控制台是否能够打印。很好，说明就是ElMessage的问题，在看一下报错的地方。插播一句：如何使用if-else 语句来处理逻辑？总结：多思考，多使用console.log。加上上面这句话就能正确运行了。要做一个权限不够的弹出消息框。哦，原来是忘记导入库了。
解决vue.js this.$router.push无效的问题
12-09
console.log(err); }); } else { alert("输入错误！"); } } ``` 问题3：路由配置问题 确保你的路由配置正确无误。检查目标路由（"/"）是否在你的Vue Router配置中定义，以及它是否具有正确的元数据（meta）和...
在vue中使用回调函数,this调用无效的解决
10-14
此外，补充的知识部分提到了在全局函数中调用Vue文件中的函数。通过在`globalFunc.js`中定义一个Vue插件，可以将一些全局函数挂载到Vue的原型上，便于在Vue实例中直接调用。例如： ```javascript Vue.prototype....
console.log无法打印问题
weixin_45773788的博客
06-26 1万+
本人遇到情况：vue项目中watch监听器监听绑定事件，console.log在控制台无显示，尝试alert正常。可能原因一：浏览器过滤条件问题（网上最常见的原因但本人并不是） 解决方案：左侧top栏选择info，默认级别（Default levels）中信息选项（info选项）要勾选，筛选器中清空。可能原因二（本人遇到的原因查了很久）：浏览器扩展程序问题。解决方案：亲测删除多余扩展后（云文档等）功能恢复正常，在另一浏览器上也是如此，都是存在云文档这一扩展程序导致console.log打印失效。...
vueconsole通过consolelog来学习Vue各个过程的变化
08-10
vue-console 通过console.log结合vue的源代码,通过一个简单的例子,观察Vue各个过程的变化
vue-cli3 中console.log报错
weixin_30606461的博客
05-16 1111
Module Warning (from ./node_modules/eslint-loader/index.js):error: Unexpected console statement (no-console) at 这个错误是Vuejs - 使用ESLint检查代码质量是进行提示的，修改成以下方式解决： window.console.log(res); 转载于:https://w...
Console.log不输出信息？
wukong569177266的博客
11-12 1万+
最近在用谷歌浏览器的console研究某个网站时，遇到console.log不输出任何信息的情况。而且这种不输出是独特的，在其它标签页里的其它网站网页下，console.log()输出是正常的，只有这个特定网页，console.log()不输出。 通常，这种情况的产生是因为console里log level设置的不对引起的，如图，我们需要把“info”菜单勾选上，info级别的debug信息才会显示出来。console.log就是属于“info”级别。 但今天遇到的这个问题不是由于debug level引起
vue取消控制台输出（隐藏console.log内容）
lqlq54321的博客
05-15 693
vue隐藏控制台输出
vue3.2+ setup语法糖不起作用
hellsion的博客
12-03 375
请教 为什么vue 3.2.45 内的js无效。
vue-cli2项目线上环境不输出console
weixin_44221944的博客
11-23 987
vue-cli2项目线上环境不输出console
vue3生产环境配置不打印console.log
黎小小的博客
04-27 1301
把配置写道vue.config.js里了。
VUE自定义组件click事件不生效
小太阳的博客
09-26 1018
<gw-legend class="u-legend" @click="changeLengend" /> changeLengend() { console.log('点击事件'); }, 发现控制台并不输入console的内容。 原因是因为没有加上 native,官网对于 native 的解释为: 你可能有很多次想要在一个组件的根元素上直接监听一个原生事件。这时，你可以使用 v-on 的 .native 修饰符 <base-input v-o..
【实用】Vue线上环境禁止打印console.log
qq_42281321的博客
07-04 2095
在开发阶段经常用console.log 打印一些数据，但到生产环境需要去掉这些，如果一行一行的删除代码就非常麻烦了，这篇文章就记录一下如何通过几行代码禁止vue项目中打印console.log的内容
vue中使用console.log无效
06-28
### 回答1： 可能是因为在Vue中使用console.log时，输出的内容被Vue的编译器过滤掉了。为了解决这个问题，可以使用Vue提供的调试工具来查看输出内容，或者使用浏览器的开发者工具来查看控制台输出。另外，也可以使用Vue的生命周期钩子函数来输出调试信息，例如在created或mounted钩子函数中使用console.log来输出信息。 ### 回答2： 在Vue中使用console.log无效，通常是由于以下几个原因造成的： 1. 控制台输出被禁止：在Vue生产环境中，控制台输出会被禁止，这是为了防止代码中泄露敏感信息。如果要使用控制台输出信息，需要在调试模式下运行。 2. 代码未执行到console.log语句：可能是因为代码中出现了错误或逻辑问题，导致console.log语句未执行到。需要检查代码是否正确，并且确保console.log语句是在正确的地方调用的。 3. console.log语句被注释掉了：如果代码中有注释的代码块或行，而console.log语句被注释掉了，则控制台不会输出任何信息。需要检查是否有注释掉console.log语句的代码块或行。 4. Vue实例被销毁了：如果Vue实例被销毁了，console.log语句也不会输出信息。需要检查Vue实例是否正确地挂载到DOM上。 5. 控制台窗口被关闭了：如果控制台窗口被关闭了，console.log语句也不会输出信息。需要重新打开控制台窗口。 总结起来，使用console.log无效的原因可能是多方面的，我们需要仔细检查代码和环境，找出导致问题的具体原因，并进行适当的处理和调试。 ### 回答3： 在Vue中使用console.log输出调试信息时无效，可能是因为Vue开启了生产环境模式。在生产环境中，Vue会自动将console.log等控制台输出相关代码优化掉，以提高性能和减少文件大小。 要解决这个问题，可以将Vue改为开发环境模式。在开发环境中，Vue会保留console.log等控制台输出相关代码，以方便调试。 要将Vue切换到开发环境模式，可以修改webpack配置文件，将process.env.NODE_ENV设置为"development"。也可以在Vue实例中手动设置devtools:true，以开启浏览器中的Vue调试工具。 除了以上方法，还有一些其他的调试方法可以尝试。比如在Vue组件中使用Vue Devtools浏览器插件、使用Chrome浏览器控制台中的Sources面板调试等。需要注意的是，在开发过程中尽量避免使用console.log输出过多的调试信息，以免影响性能和代码可读性。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值