vue2.0实现导航菜单切换效果
这个例子给你分享vue2.0实现导航菜单切换的具体代码,供大家参考,以下具体内容CSS
* {
保证金:0;
填充:0;
}
ul {
列表样式:无;
}
navul {。
保证金:100px汽车20px;
溢出:隐藏;
}
navul李{。
# 5597b4背景颜色;
填料:18px 30px;
浮点数:左;
颜色:# FFF;
字体大小:18px;
光标:指针;
}
主动{。
# 5597b4背景颜色;
}
家,新的。新的。联系。联系。服务。服务{
背景颜色:天蓝色;
}
检查{。
背景:# eff4f7;
}
HTML
{关系。文本}
js
VaR资产净值=新的Vue({
EL:#导航,
数据:{
关系:{
{文本:项目,编号:'program},
{文本:'personnel,编号:'person},
{文本:'mechanism,编号:'organization},
{文字:技术,编号:'tech},
{文本区域,编号:'location},
{文本:'countries,身份:国家}
},
NowIndex:1,
},
方法:{
RelationClick:函数(指数){
这nowindex =指数;
}
}
});
设计素描 uff1a
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。