纠纷奇闻社交美文家庭
投稿投诉
家庭城市
爱好生活
创业男女
能力餐饮
美文职业
心理周易
母婴奇趣
两性技能
社交传统
新闻范文
工作个人
思考社会
作文职场
家居中考
兴趣安全
解密魅力
奇闻笑话
写作笔记
阅读企业
饮食时事
纠纷案例
初中历史
说说童话
乐趣治疗

elementsubmenu是否被选中并改变颜色

8月4日 金钟寨投稿
  可以使用Vue的动态绑定class或style的方式来改变选中状态的颜色,判断元素是否被选中可以使用:class绑定和Vue的计算属性。
  示例代码如下:elmenu:defaultactiveactiveIndexclasselmenuverticaldemo:collapseisCollapseelsubmenuvfor(item,index)inmenus:keyindex:indexitem。indextemplatetitle{{item。title}}templateelmenuitemvfor(subItem,subIndex)initem。subList:keysubIndex:indexsubItem。index:class{menuhighlight:isActive(subItem。index)}{{subItem。title}}elmenuitemelsubmenuelmenu
  其中menus是动态菜单数据,isActive是一个计算属性,用来判断当前菜单项是否为选中状态,menuhighlight是一个样式类,用来设置选中状态的样式。import{reactive,computed}exportdefault{setup(){conststatereactive({menus:〔{title:菜单1,index:1,subList:〔{title:子菜单11,index:11},{title:子菜单12,index:12}〕},{title:菜单2,index:2,subList:〔{title:子菜单21,index:21},{title:子菜单22,index:22}〕}〕,activeIndex:11,isCollapse:false});constisActivecomputed((){return(index){returnstate。activeI};});return{state,isActive};}};
  再计算属性isActive中,通过组件的activeIndex和当前菜单项的index进行比较,当它们相等时,表示当前菜单项处于选中状态。
  最后,样式如下:。menuhighlight{backgroundcolor:17a2b8!color:fff!}
  这样,选中的菜单项就会显示出背景色和白色字体颜色的效果了。
投诉 评论

爱国!谢晖国庆节晒中俄混血儿子萌照,挥舞五星红旗我爱你中国10月2日消息,国庆佳节,中超大连人主教练谢晖在社交媒体上晒出了自己的混血儿子,小谢手持五星红旗,我爱你中国!现年47岁的谢晖因为高大帅气,从小生活优渥,感情生活也十分丰……平安是福,提醒您和孩子安全过大年!健康幸福过新年(8)春节安全过大年春节是孩子们的开心时刻,家里都摆放着各类坚果、糖果、水果等,加上孩子们在一起打打闹闹,容易发生食物卡喉及异物吸入的情况。家长要注意防范,懂得如何处理。……不同年龄怎么选精华护肤文章写得多了,询问肤质的评论也就多了起来。听大家反馈,最常见的肤质还是混干皮、混油皮,不过这种说法并不太严谨。我们常说的肤质主要分为以下4个维度:干皮油皮……elementsubmenu是否被选中并改变颜色可以使用Vue的动态绑定class或style的方式来改变选中状态的颜色,判断元素是否被选中可以使用:class绑定和Vue的计算属性。示例代码如下:elmenu:def……惊喜一夜!中国斯诺克外战全胜,7人晋级肖恩奥沙利文26一轮游北京时间4月7日,2022斯诺克世锦赛资格赛继续进行,中国斯诺克军团高奏凯歌,两场外战全部获胜,吴宜泽和吕昊天分别击败了白朗宁和徐思赢下了这两场中国德比。惊喜一夜:中国斯诺克外……女排的14人开始大转变,蔡斌提拔双核心后,有望拿下世锦赛的金女排顶级14人大名单要再次转变,蔡斌有望提拔两大主攻手,外加上接应位的天才,共同去拿下世界锦标赛的冠军奖杯,证明自己反超意大利跟美国战队。女排在国际大赛当中的表现,可以说……国务院扩大内需多项措施促进汽车产业发展出品搜狐汽车12月14日,中共中央、国务院印发了《扩大内需战略规划纲要(20222035年)》。《纲要》主要内容为:坚定实施扩大内需战略、培育完整内需体系,是加快构建以国……男人到中年别太花哨!学王耀庆这3种色彩穿搭,不油腻还减龄虽有男人四十一枝花的美言,但不得不承认的是,大部分男人一旦到了中年,就容易发福、长胖、变油腻,别说一枝花了,油腻大叔的帽子会戴得你头疼。那么问题来了:中年男人,该如何去油……黑木耳里淋入2个鸡蛋,筷子一搅,这样做超解馋,比大鱼大肉还香生活没有彩排,美食没有美颜。大家好,今天用木耳给大家分享一道美食。木耳,生活中非常常见的一种食材,可以用来做成各种各样好吃的美食。但是为了可以存放的时间比较久,更多的时候我们都……冬奥泰平尊夏奥泰平尊即将入藏国际奥林匹克博物馆国际奥委会主席巴赫1月22日抵达北京,1月25日下午领导人在钓鱼台国宾馆会见国际奥委会主席巴赫。据悉,这是巴赫抵京后的第一场活动。为庆祝北京继08年夏季奥运会之后,再次举……出去旅游别让散心变成糟心随着人们生活工作压力的越来越大,很多朋友会选择出去旅游来释放压力散心。毕竟生活不止有眼前的苟且,还有诗和远方!然而很多人出去旅游,把诗和远方变成了远方的苟且,钱花了,散心变糟心……越来越难过的电商为什么互联网电商巨头们的日子越来越不好过了?下图是2014年至今的社会消费品零售总额与网上零售额的关系演变。数据自2014年起,是因为我国从2014年开始,才有针对网上零……
一个中医名方治肾炎四十岁的迫降跨越极限与面对失去命令与征服将军里被删除的第三方阵营单位佟丽娅董璇姐妹花带娃聚会,5岁小酒窝和朵朵长相都随爸,颜值好iOS15。4正式版戴口罩解锁来了相约冬奥北京延庆赛区中超开幕式简洁精彩,国安元素贯穿始终6700万,巴萨第1买人诞生!拉波尔塔神了,4天宣2交易,省何超琼与陈百强的凄美爱情你含泪送我出嫁,我不顾世俗为你扶灵从百亿补贴到大数据杀熟,被资本控制的滴滴没有退路HTML个人笔记时隔2年的魅族20,在发布之前正在消耗着用户的耐心季后赛连续4次破40分均落败东77还在学习中梵洁诗适合什么年龄适合什么肤质这些衣服不能在洗衣机洗汽车制造技术日新月异盘点那些已经过时的老观念第一次写生中考语文满分作文范文桑口伤口发微造句用发微造句大全歌手总决赛正式落幕,李宇春助华晨宇登顶歌王,暗箱操作?工作15年被辞退补偿多少钱?浅谈传媒时代文化诉求的后现代意蕴2021年中国芯片行业产业链全景图上中下游市场及企业分析你的身影感动了我

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找美丽时装彩妆资讯历史明星乐活安卓数码常识驾车健康苹果问答网络发型电视车载室内电影游戏科学音乐整形