如何实现二级菜单 html,javascript,html5_如何用vue实现二级菜单栏，javascript,html5,html,vue.js - phpStudy...

如何用vue实现二级菜单栏

这是我的代码

import Menu from '../../libs/menu';

export default {

data () {

return {

msg: '登录之后的主页面',

menu:[],

shoope:false,

ishow:false,

i:-1,

parentColor:false

}

},

ready(){

this.menu = Menu.menu;

},

methods:{

toggleShow:function($index){

$('.menu-parent >ul').eq($index).slideToggle(500);

},

childCheck:function($index){

$('ul li').eq($index).children('a').addClass('childclick');

}

}

}

.childclick{

background: #FFFFFF;

color: #4E8CEE;

}

.parentclick{

background: #C0CFE0;

color: #6684B5;

}

设计图是这样的

求各位大神指教

相关阅读:

请问为什么我的JS代码执行不了，没有报错

使用的是vue2.0，如何动态添加组件。例如实现点击A按钮添加aTest组件，点击B按钮添加bTest组件。

程序在iOS10 下不兼容 ，在IOS9下可以 ，同一套代码 ，报的错误如下：

Server Error in '/' Application.

Python 3.5，斐波数列， a,b = 0,1

使用Zepto ajax请求，跨域了为何还是异步

初次安装vue-cli遇到的问题

vue2中如何实现广播机制？

为什么文章页面不会被收录？只有主页被收录

在phpstorm里写vue出现的问题

为什么js在解析从php传送的json数据时总会将响应中json数据前后的标签误认为json进行解析？

关于二叉查找树的put方法

php 调用许多个类的方法时都调用同一个方法，如何实现？

上线的页面在手机出现一堆百度联盟广告，在电脑打开却没有广告

关于backbone collection的疑问？

js的for丢失this的问题

使用Navicat转存的mysql一个库的sql文件，想在另一个数据库中导入，总会失败？

现在的web框架为什么把html和js又结合在一起了？

cli 下php脚本超时时间的疑惑

php mysql 取代欄位中的某段字串