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

Posted 2023-03-15

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

参考技术A

你开个定时器，一秒换一个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没有关系。

本回答被提问者和网友采纳