【vue】轮播图案例
一、创建项目写好样式
创建好项目写好轮播图的左右箭头样式
二、编写方法实现
图片路径写到数组里,num作为数组下标,当数组下标小于0是,把它变成数组的最后一个元素下标(数组名.length-1)
当num大于数组最后一个元素下标时,把num重置为0
三、v-show写法
当数组下标小于等于0时,左箭头不显示,
当数组下标大于最后一个元素下标时,右箭头不显示,
无法进行操作则不会出现,图片不显示的情况
一、创建项目写好样式
创建好项目写好轮播图的左右箭头样式
二、编写方法实现
图片路径写到数组里,num作为数组下标,当数组下标小于0是,把它变成数组的最后一个元素下标(数组名.length-1)
当num大于数组最后一个元素下标时,把num重置为0
三、v-show写法
当数组下标小于等于0时,左箭头不显示,
当数组下标大于最后一个元素下标时,右箭头不显示,
无法进行操作则不会出现,图片不显示的情况