vue写一个轮播图实例(没有自动轮播)

要点:

1.<li v-for="(item,index) in arr" v-on:click="lick(item)"><!-- 第{{index+1}}张</li>遍历一个数组,拿到索引值和所对应的数据,在js中处理-->

2.<button v-on:click="next" :style="{background:color}">下一张</button><!-- 绑定class或style样式,要用数组对象的形式 -->

3.处理函数写在methods里边,跟data数据并列,this.后加变量,可以访问到这个vue实例中的所有变量,来进行操作

猜你喜欢

转载自www.cnblogs.com/liuyuweb/p/9025071.html