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

发布网友发布时间：2022-04-17 04:08

共2个回答

懂视网时间：2022-04-17 08:29

vue设置播放速度的方法如下：

　　1、想使用VUE编辑加快视频速度的话，可以先点击页面左下角的“导入视频”功能，从手机本地找到自己需要编辑的视频。

　　2、接下来从拍摄页面的右上角点击“编辑”选项，就可以进入编辑视频的页面里，从“分段”列表里选择“速度”功能。

　　3、如此一来，从分段编辑页面的“速度”列表里，就可以设置“快动作”功能让视频的速度加快。

　　Vue系列产品为3D自然环境的动画制作和渲染提供了一系列的解决方案。Vue系列有很多不同的产品，这是为了满足不同阶层的用户的需要：可以满足专业的制作工作室，同样也能满足3D自由艺术家。PEARSON EDUCATION是PEARSON旗下的从事教育和出版行业的机构。迄今，已为全球超过1亿人提供了培训，是教育、出版一体化领域的佼佼者。拥有PEARSON PRENTICE HALL、PEARSON LONGMAN 、PEARSON SCOTT FORESMAN等知名品牌，PEARSON EDUCATION将继续面向世界，利用各种媒介手段源源不断地提供高质量的读物、实用的评估工具和先进的教育服务。

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

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

首页

文章

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