html二级菜单显示与隐藏,Vue实现二级菜单的显示与隐藏

Vue实现二级菜单的显示与隐藏

*{

padding: 0;

margin: 0;

font-size: 14px;

}

ul{

width: 200px;

height: auto;

}

h2{

background: green;

border: 1px solid #fff;

color: #fff;

height: 30px;

line-height: 30px;

text-indent: 24px;

}

h3{

background: #999;

height: 24px;

line-height: 24px;

border: 1px solid #fff;

text-indent: 50px;

}

• { { item.name }}

  • { { subItem.name }}

new Vue({

el:"#nav",

data:{

items:[

{

name: "Web前端",

isSubshow:false,

subItems:[

{

name:"HTML"

},

{