美文网首页
vue 中setTimeout问题

vue 中setTimeout问题

作者: 九千_ | 来源:发表于2019-04-11 10:37 被阅读0次

1.this指向问题

(1)var vm_target = new Vue({

                el: '#vm_target',

                data: {

                    clickSubmitBtn:false

                },

                methods:{

                    myFunc:function(){

                        setTimeout(function(){

                        vm_target .clickSubmitBtn = true; //修改此处(而不是this.clickSubmitBtn = true; //这样修改data中的参数时无效)

                        },500);

                    }

                }

             })

(2)

export default {

 methods: {

  start: function () {

  let _this=this(在setTimeout重新定义变量使其值为this

   setTimeout(function()  {

    _this.end()//

   }, 4000);

  }

 }

}

(3)

export   default {

 methods: {

start:function() {

   setTimeout(() => {

    this.end()//(使用箭头函数)

   }, 4000);

  }

 }

相关文章

  • vue 中setTimeout问题

    1.this指向问题 (1)varvm_target =newVue({ el:'#vm_target', dat...

  • js 疑难问题解决

    this 指向问题 setTimeout 解决 参考hacpai: vue 疑难杂症三大定理

  • setTimeout中的this指向问题

    在这段代码中,this指向window 改正: (让this指向vue实例)一、借助变量保存this 二、利用箭头...

  • setTimeout的返回值

    答案: 1. setTimeout 是有返回值的, 表示当前setTimeout在页面中的所有setTimeout...

  • 定时器

    参数问题 setTimeout(func|code, delay)第一个参数可以是函数名, setTimeout(...

  • setTimeout this指向问题

    今天的需求是防止多次提交请求------于是模拟ajax异步请求,用setTimeout代替,更改标识, subm...

  • Vue面试题

    (掌握)简单说下setTimeout(fn, 0)中的0代表的是什么?如果我想在vue实现此功能可以用什么方法代替...

  • vue面试题

    (掌握)简单说下setTimeout(fn, 0)中的0代表的是什么?如果我想在vue实现此功能可以用什么方法代替...

  • vue 正确使用 setTimeout

    箭头函数是没有自己的this,在它内部使用的this是由它定义的宿主对象决定 如果我们直接使用this获取该函数 ...

  • 2017.9.6

    setTimeOut中的this永远指向window,因为setTimeOut延迟执行 Typed Array主要...

网友评论

      本文标题:vue 中setTimeout问题

      本文链接:https://www.haomeiwen.com/subject/ydwziqtx.html