工作随笔
- 关于this指针的问题
HTML部分
<view class="prizebutton" >
<image :src="buttonSrc" style="height: 100%;width: 100%;" mode="" >
</image>
</view>
JS部分
animationchange2() {
var i = 1;
var that = this;
setInterval(function() {
i++;
if(i > 3){
i = 1;
}
that.buttonSrc = require("../../static/img/prize/btn" + i + '.png')
}, 100)
},
问题: 在定时器设置动态切换图片后不生效
解决办法(失败原因): 没有注意到在setInterval中的this指向问题,在setInterval中this仅在内部生效。
总结: 在使用this指针时,尤其要注意使用中括号的函数,在函数内部的this指向函数内部,并不是指向在data中定义的参数!