Question

vue.js怎么实现图片轮播？就是一个图片隔一秒换一张，不用别的功能

希望可以给一个实例，在官方文档查的没找到动画效果

Answer 1

你开个定时器，一秒换一个img的src不就行了？

随便写了个：

<div id="app">
	<div class="pic">
		<img :src="now" />
	</div>
</div>	

<script>

new Vue({
	el:"#app",
	data:{
		pic:["./images/1.jpg","./images/2.jpg","./images/3.jpg","./images/4.jpg","./images/5.jpg"],
		i:"0",
		now:"./images/1.jpg",
	},
	mounted:function(){
	  this.now=this.pic[0];
	  var _this=this;
     setInterval(function(){
     	_this.i++;
     	_this.now=_this.pic[_this.i];
        if(_this.i>=_this.pic.length-1){
        _this.i=0;
       }
     },1000)
	},
	methods:{

	}
})	
</script>

追问

你好，请问向定时器这些api要怎么找？我在官方文档不知道该怎么找，能不能教一下？

追答

setInterval
这js自带的，与vue没有关系。