Uni-App

工作随笔

1. 关于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中定义的参数！