如何用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 取代欄位中的某段字串
如何实现二级菜单 html javascript html5_如何用vue实现二级菜单栏 javascript html5 html vue.js - phpStudy...
如果觉得《如何实现二级菜单 html javascript html5_如何用vue实现二级菜单栏 javascript h》对你有帮助,请点赞、收藏,并留下你的观点哦!