首页 > 其他 > 详细

vue简易跑马灯

时间:2020-02-15 22:32:19      阅读:66      评论:0      收藏:0      [点我收藏+]
var vm=new Vue({
           el:‘#app‘,
           data:{
               msg:‘你好!vue‘,
               timer:null
           },
           methods:{
               handlerClick(){
                //    var _this=this;
                   console.log(this.timer)
                   if(this.timer){ //在全局中定义一个timer
                       return;
      }
                   this.timer=setInterval(()=>{//箭头函数没有自己的this,自动寻找到外层的this,即寻找到回到函数的this
                        var startStr=this.msg.substring(0,1);
                        var endStr=this.msg.substring(1);
                        this.msg=endStr+startStr;
                        
                   },1000);
               },
               stopClick(){
                   if(this.timer){
                       clearInterval(this.timer);
                       this.timer=null;
                   }
               }
           }
       })

vue简易跑马灯

原文:https://www.cnblogs.com/laidans/p/12313985.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!