當前位置:編程學習大全網 - 網站源碼 - vue.js怎麽實現圖片輪播?就是壹個圖片隔壹秒換壹張,不用別的功能

vue.js怎麽實現圖片輪播?就是壹個圖片隔壹秒換壹張,不用別的功能

妳開個定時器,壹秒換壹個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>

  • 上一篇:凡科做的網絡能不能下載源代碼
  • 下一篇:修改壹下 PHP 代碼, 用於POST 文本數據
  • copyright 2024編程學習大全網