vuejs实现标签选项卡动态更改css样式的方法
作者：milli236 发布时间：2024-04-30 10:22:57
标签：vue.js,选项卡,css,样式
html
<ul class="header-list">
<li v-cloak v-for="(item,index) in headerList" v-on:click="selectMainTheme(index)"><a href="java:;" rel="external nofollow" :class="{'active':idx == index}">{{item.name}}</a></li>
</ul>
js
var app = new Vue({
el:"#app",
router,
data:{
m:"hello vue.js",
active:'2',
idx:'0', //默认选择首页
headerList:[
{name:'首页1'},
{name:'首页2'},
{name:'首页3'},
{name:'首页4'},
{name:'首页5'},
{name:'首页6'}
]
},
methods:{
// 1.选择
selectMainTheme:function(index){
console.log("selectMainTheme" + index);
console.log("idx" + this.idx);
this.idx = index;
}
//
}
});
总结
以上所述是小编给大家介绍的vuejs实现标签选项卡动态更改css样式网站的支持！
来源：https://blog.csdn.net/milli236/article/details/80521474
0
投稿猜你喜欢
数据库，顾名思义，就是一个存储数据的大仓库，涵盖了多个方面的知识和应用。其优点和特性颇多，为多种编程语言的高效运行都提供了可靠又准确的信息来- 网页设计是由很多个不同的元素构成的,而这些元素的重要性都不同,并且有些元素还需要尤为的突出.有些元素彼此之间存在着联系,而另外的元素之间则一
- MediaPipe概述谷歌开源MediaPipe于2019年6月首次推出。它的目标是通过提供一些集成的计算机视觉和机器学习功能，使我们的生活
- magpierss中就用到了snoopy，这让我有点兴趣去研究下这个咚咚。再SF上，找到了这个源代码。居然就是一个类，但不要笑看哦，功能可是
- 浅显地了解了一下 Go，发现 Go 语法的设计非常简洁，易于理解。正应了 Go 语言之父 Rob Pike 说的那句“Less is mor
- 在最近一个项目中，表单验证需要对时间的起止范围进行判断：结束时间需大于或等于开始时间。即：结束年须大于起始年；如果相等，则比较起始月与结束月
- 本文实例讲述了nodejs简单实现TCP服务器端和客户端的聊天功能。分享给大家供大家参考，具体如下：服务器端var net = requir
- 听歌识曲，顾名思义，用设备“听”歌曲，然后它要告诉你这是首什么歌。而且十之八九它还得把这首歌给你播放出来。这样的功能在QQ音乐等应用上早就出
- 官方其实已经给出了方案，只不过藏的有点深，在加上网上有很多不太靠谱的帖子误导了我（当然不排除我没理解的原因哈）。所以为了让有些朋友的少走点弯
- 微信小程序之数据缓存的实例详解前言：在H5之前，缓存一般都是用cookie，但是cookie的存储空间太小。于是，H5增加了新的缓存机制，即
- 本文实例讲述了python使用opencv实现马赛克效果。分享给大家供大家参考，具体如下：最近要实现opencv视频打马赛克，在网上找了一下
- 1. 域名查询万网提供了域名查询接口，接口采用HTTP协议：接口URL：http://panda.www.net.cn/cgi-bin/ch
- 本文研究的主要是Python处理文本换行符的相关内容，具体如下。源文件每行后面都有回车，所以用下面输出时，中间会多了一行try:
- 最终运行效果：OCR（optical character recognition）文字识别是指电子设备（例如扫描仪或数码相机）检查纸上打印的
- 如下所示：#coding utf-8a=0.001 #定义收敛步长xd=1 #定义寻找步
- 前言本文主要给大家介绍了Go语言中函数new与make的使用和区别，关于Go语言中new和make是内建的两个函数，主要用来创建分配类型内存
- 本文实例讲述了Go语言实现的web爬虫方法。分享给大家供大家参考。具体分析如下：这里使用 Go 的并发特性来并行执行 web 爬虫。修改 C
- python中字典和列表的使用，在数据处理中应该是最常用的，这两个熟练后基本可以应付大部分场景了。不过网上的基础教程只告诉你列表、字典是什么
- 本文实例讲述了JS+CSS实现仿支付宝菜单选中效果代码。分享给大家供大家参考。具体如下：这是一个漂亮的JS+CSS仿支付宝菜单，总体风格和形
- 1.打开赶集网登录界面，先模拟登录并抓包，获得post请求的request参数2. 我们只需构造出上面的参数传入formdata即可参数分析
