vue项目里setTimeout方法执行时获取不到data中的变量

本项目是一个单页面的公众号，在需求中需要提示错误信息给用户展示，但是项目没有引入其他库，所有就直接使用了setTimeout()，在该方法执行的时候发现没有拿到data中定义的变量。给用户提供的错误信息输出：发现在setTimeout执行时this变为了window，这是由于setTimeout函数调用的代码运行在与所在函数完全分离的执行环境上，this指向的是windo...

落落Plus

4015人浏览 · 2019-06-11 19:47:26

落落Plus · 2019-06-11 19:47:26 发布

vue项目里setTimeout方法

输出：

发现在setTimeout执行时this变为了window，这是由于setTimeout函数调用的代码运行在与所在函数完全分离的执行环境上，this指向的是window对象。

要缓存this，定义一个方法去执行setTimeout函数（用箭头函数更方便）

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^