VUE 自动轮播图 + tab切换_轮播后切换tab后

作者：羊村懒王 | 2024-03-16 16:49:41

踩

轮播后切换tab后

VUE 自动轮播图 + tab切换

这些都是我在工作中遇到的问题虽然我们现在插件拿过来可以直接使用但是有时候还需要自己去写一些可能写的不是特别好希望大家可以提出意见共同进步写这个就是为了以后在遇到这样的问题可以快速的找到然后来完成它
效果图
这个和我上一篇原生js轮播图效果都是一样的当点击某一个轮播图会变化如果不点击 tab会随着轮播图的变化尔变化码片希望可以帮助到大家大佬们请多多给提意见

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<div class="listTab">
				<ul>
					<li v-for="(item,index) in listTab" @click="clickTba(index)" :class="{
    'current':currentIndex == index}">
						<div>{
  {item.name}}</div>
						<img :src="item.icon<
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/羊村懒王/article/detail/250815