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

发布网友发布时间：2022-04-27 15:57

我来回答

共2个回答

懂视网时间：2022-04-27 20:19

vue照片不动的方法如下：

　　1、首先打开APP，然后点击底部拍摄图标；

　　2、接着将右下角的模式设置为自由模式，选择画幅；

　　3、点击左下角导入，导入一个视频以及多张照片；

　　4、再点击视频截取；

　　5、将视频设置为2s；

　　6、并将变焦设置为无；

　　7、点击生成视频，保存即可。

　　VUE是iOS和Android平台上的一款手机视频拍摄与美化工具，允许用户通过简单的操作实现视频的拍摄、导入视频的剪辑、表现力的细调、改变滤镜、加贴纸和背景音乐等功能，轻松在手机上拍出电影大片的质感，实时记录与分享生活。

　　2018年7月5日， VUE正式上线2.0版本，推出短视频社区功能。随着手机摄像头的发展，越来越多的人开始使用手机拍照和摄像。摄像一般来说要比拍照门槛高，但是视频传播的信息量又远大于照片。VUE就诞生在这样的背景下，希望用拍照一样简单的操作，帮助用户在手机上拍摄精美的短视频。

热心网友时间：2022-04-27 17:27

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