定时器中打印出data中定义的变量为false；但是debugger在mouted作为if条件是却是undefined

已于 2023-02-10 16:01:35 修改
阅读量122 收藏 1
点赞数
分类专栏： vue js 文章标签： vue.js javascript ecmascript
于 2023-02-10 15:15:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33911541/article/details/128970219
版权
vue 同时被 2 个专栏收录
32 篇文章 0 订阅
订阅专栏
js
14 篇文章 0 订阅
订阅专栏

今天遇到一个奇葩的问题，在vue的data中定义了dialogJoin：false；但是在定时器中debugger的时候为undefined；奇怪的是debugger的时候是undefined

 研究半天生命周期都没问题，最后才发现定时器this指向window；没有指向Vue
 

解决方法当然也和简单（平时要多注意基础）

在mounted中将this单独存一下let that = this；

例如：

 

皓月当空hy
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
window下找到vue变量_浅谈下vue里面的变量为undefined的问题
weixin_30192375的博客
01-12 2079
对于vue的初学者，会遇到很多问题，这些源于对vuejs的基本用法不了解，最多的就是变量的未定义，遇到最多的主要是两种吧，比如："TypeError: Cannot read property 'raise' of undefined",还有"TypeError: Cannot read property '0' of undefined"。在此我分别谈谈这两种的解决方法。TypeError: C...
Vue项目中使用和清除定时器
白羊座的橙子
04-19 3811
一、方法1 1)在首先在vue实例的data中定义定时器的名称： export default{ data(){ timer:null } } 2)在方法(methods)或者页面初始化(mounted())的时候使用定时器 this.timer = setInterval(()=>{ //需要做的事情 },1000); 3)然后在页面销毁的生命周期函数(beforeDestroy())中销毁定时器 export default{ data.
vue绑定自定义属性（属性值:false），DOM不显示问题
草巾冒小子的博客
09-15 2595
（案例+截图 ）vue绑定 :data-zidingyi="response.false" 之后，页面DOM 不显示 正确的代码： <section v-for="(item,index) in res.data" :key="index" :class="'buleteam hidden buleteam _'+item.id" :id="'buleteam _'+item.id" :data-item-id="item.id" :data-has-item="''+item.isCollect"
vue2.0中debugger调试this为undefined，但打印有值的问题
口袋的天空的博客
01-30 1851
vue2.0中debugger调试this为undefined，但打印有值的问题 文件出自：链接 原因： 1.箭头函数内的 this 和封闭的局部变量一样 2.箭头函数内的 this 被babel 打包后重命名了 解决： 安装插件 npm i babel-plugin-transform-es2015-arrow-functions --save-dev 然后在.babelrc或者是babel.config.js 配置文件中加入 plugins: [["transform-es2015-arrow-fun
Vue中使用debugger在chrome谷歌浏览器中失效问题（已解决）
热门推荐
qq_45024094的博客
12-13 1万+
以上两种解决办法本人均尝试过，确实都是可以解决的。没有debugger太难受了，不过好在解决了，此处用于记录一下怎么解决该问题的。有问题可在评论下方留言，博主看到会回复的。
debugger在chrome谷歌浏览器中失效问题！！！
12-25 4390
文件vue.config.js中找到如下configureWebpack位置，加入。1）找到浏览器右上角三个点==》更多工具 ==》开发者工具（或者F12），重新启动项目debugger即可生效。
如何在js中添加debugger断点进行调试，解决网页中debugger没反应的问题
weixin_45271005的博客
04-15 5253
可以看到上面有debugger的调试按键，后面js代码停在我们第一个debugger处，接着点击测试按键即可继续调试。**如果先打开网页，再打开检查，那浏览器会一次性加载全部内容，就无法进行调试，此时debugger失效！首先在js代码中想要调试的位置添加断点，如示例所示。在网页中先打开检查，然后再打开网页。
使用Intel DCI/Inte System Debugger跟踪主机启动过程 中CSME/Bios信息
lixiangminghate的专栏
08-05 4413
Background： 1.每次开机遇到问题，如果需要Intel协助，Intel都会要求用DCI抓取开机日志，其中包含CSME/Bios/PMC等部件的输出，Intel基于此定位问题。 2.去年11月参加了格蠹科技的DCI培训，正好缺这部分内容，打算用本文做补充。 Limition&Notice: 培训结束后，我手残把GDK7 bios下"DCI debug"设置错了，导致再也没法用GDK7自带的USB3.0 cable(准确的说是DCI-USB2/DCI-USB3 cable)调...
vue中debugger无法调试
怡暘
03-11 1万+
在浏览器中展示源代码 在可以从 VS Code 调试你的 Vue 组件之前，你需要更新 webpack 配置以构建 source map。做了这件事之后，我们的调试器就有机会将一个被压缩的文件中的代码对应回其源文件相应的位置。这会确保你可以在一个应用中调试，即便你的资源已经被 webpack 优化过了也没关系。 打开 config/index.js 并找到 devtool property。将其更新为： 如果你使用的是 Vue CLI 2，请设置并更新 config/index.js 内的 devtool
composition-debugger:在合成中设置断点
05-13
// TypeError: Cannot read property 'apply' of undefined toLower调用了哪些参数？ split(' ')返回什么？ debugger // index.js const cdebugger = require ( 'composition-debugger' ) ; var dasherize = ...
dephpugger:Php Debugger可以在终端中运行以轻松调试代码
05-05
什么是Dephpugger？ Dephpugger（读取depugger）是一个开放源代码库，可以直接在终端中使用php进行... 在Linux或Mac Os X中 运行以下命令： $ composer global require tacnoman/dephpugger 并添加您的〜/ .bash_
growingio web端调试插件、debugger、工具、GrowingIO Web Debugger 是基于Chrome浏
10-03
growingio web端调试插件、debugger、工具 GrowingIO Web Debugger 是基于Chrome浏览器的一个插件
HTTP Debugger Professional 9.11 简体中文语言文件
02-21
HTTP Debugger Pro，主要是用来测试调试复杂的网站应用程序，通过这款软件可以帮助用户实时跟踪显示浏览器和网站服务器之间的所有通讯信息，既是一个专业的网络抓包工具，也是一款网站开发调试工具，网站开发人员...
react-native-debugger:在Redux中React本机调试器
05-18
重要信息：该模块不是为生产目的而开发的！ createDebugger 该模块负责设置调试器并将其连接到Redux架构。 安装 将createDebugger添加到您的compose函数中。 createStore(rootReducer, compose( crea
ssm602社区医疗保健监控系统+vue【以测试】
xiaoleixiao112的博客
06-08 473
开发语言：Java数据库：MySQL系统架构：B/S后端：SpringBoot(MyBatis)前端：Vue工具：IDEA，JDK1.8，Maven如今社会上各行各业，都喜欢用自己行业的专属软件工作，互联网发展到这个时候，人们已经发现离不开了互联网。新技术的产生，往往能解决一些老技术的弊端问题。因为传统社区医疗保健信息管理难度大，容错率低，管理人员处理数据费工费时，所以专门为解决这个难题开发了一个社区医疗保健监控系统，可以解决许多问题。
vue-router 源码分析——2. router-link 组件是如何实现导航的
miyagiSimple的博客
06-04 753
vue-router中 router-link 组件是如何实现导航的。recolve返回的对象里面的内容主要为location, route , href。location是标准化后的to，并且打上了标记表示已标准化，防止多次标准化，提升效率。route是通过遍历pathList和pathMap，利用正则表达式找到的和to匹配的路由对象，里面包含很多需要的内容。href在默认的hash模式下，会在to的前面加上#号，例如这里的’#/foo’。
Spring Boot、MongoDB、Vue 2和Nginx实现一个小说网站
最新发布
iku_n的博客
06-08 735
后端API：使用Spring Boot实现，负责处理数据和业务逻辑。数据库：使用MongoDB存储小说数据。前端页面：使用Vue 2实现，负责展示数据和用户交互。反向代理：使用Nginx进行前后端分离。
基于Springboot + vue实现的火锅店管理系统
qq_38470315的博客
06-03 105
主营内容：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app等设计与开发。文末获取源码。
pycharm中debugger看变量
06-09
在 PyCharm 的 Debugger 中，您可以使用以下方式查看变量： 1. 在断点处暂停程序执行 2. 在 Variables 窗口中查看当前作用域中的变量及其值 3. 在 Evaluate Expression 窗口中输入表达式并查看其值 4. 使用鼠标悬停...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值